CSS Gradient Generator
Create beautiful CSS gradients with real-time preview. Linear, radial, and conic types with preset gallery.
Gradient Type
Color Stops (2)
%
%
CSS Code
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Preset Gallery
Live Preview