Gradient Generator
Build beautiful linear and radial CSS gradients with multi-stop color controls.
Gradient Generator
Build smooth linear and radial CSS gradients with multiple color stops and live preview.
Angle (90°)
Color Stops (2)
0%
100%
Inspirational Presets
Live Preview
90° Linear
Generated CSS
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
About Gradient Generator
Interactive CSS gradient designer. Customize angle, linear and radial styles, drag color stops, and preview gradients in real-time with instant CSS code generation.