Why
Colors
Gradient Generator
Create beautiful CSS gradients
background: linear-gradient(to right, #8B5CF6 0%, #74A309 100%);
Copy CSS
Gradient Style
linear
radial
conic
Direction Angle
Right
Bottom
Diagonal
45°
135°
Color Stops (2/5)
Add Stop
0%
100%
Preset Variations
Linear Directional
Soft Radial Focus
Conic Sweep
Three-Stop Linear
Corner Glow
Soft Multi-Stop
Base Color
Presets