CSS Gradient Generator
Create beautiful CSS gradients for your web projects
CSS Code
background: #6366f1; background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
Presets
Gradient Type
Color Stops
0%
100%
Quick Tips
- • Linear: Great for backgrounds and buttons
- • Radial: Perfect for spotlight effects
- • Conic: Ideal for pie charts and circular designs
- • Add more color stops for smoother transitions
- • Use the fallback color for older browsers