Live Preview
Gradient Type
Angle
90°
Color Stops
Color 1
0%
Color 2
100%
CSS Code
Presets
Tips
- • Add multiple color stops for complex gradients
- • Adjust position sliders to control color distribution
- • Use presets as starting points for your designs
- • Copy CSS and paste directly into your stylesheets
Enjoying this tool?
Support us to keep building free tools!
Secure payment via Stripe • No account required