CSS Gradient Generator
Xuvero ↗
Color 1
*
Color 2
*
Color 3 (optional)
Direction
Left → Right
Top → Bottom
Diagonal ↘
135°
45°
Radial (Circle)
Gradient Type
Linear Gradient
Radial Gradient
Conic Gradient
Process
Reset
Result
⬇ Download
✕
added
removed
unchanged
Copy
⎘
Original:
→
Result:
saved
Generated
slugs
rows,
columns
Powered by
Xuvero