Gradient Generator
Live preview • copy CSS • add/remove stops
Gradient type
Linear
Radial
Conic
Angle:
90
°
Color stops
+ Add color stop
Sort by position
Presets
Output CSS
Copy to clipboard
Download .css
Preview
Controls quick
Angle
Tip: use the Add button to insert more color stops. Drag the position numbers to adjust stops precisely.