Color Tool
CSS Gradient Generator
Build stunning linear, radial & conic gradients visually — copy ready-to-use CSS instantly
Linear · 90°
Color Stops — drag to reorder, click to select
Click anywhere on the rail to add a new color stop
Selected Stop
Position
0%
Gradient Type
Angle
Generated CSS
Gradient Presets