🌈 CSS Gradient Generator
Build linear, radial, and conic gradients visually and copy the CSS instantly.
Presets
Type
135°
Color Stops
CSS Gradient Syntax
Linear: background: linear-gradient(135deg, #color1, #color2);
Radial: background: radial-gradient(circle, #color1, #color2);
Conic: background: conic-gradient(from 0deg, #color1, #color2);