CSS GRADIENT GENERATOR
Visually create linear, radial, and conic CSS gradients. Add color stops, pick presets, copy the CSS. No design tools needed.
GRADIENT TYPE
°
COLOR STOPS
%
%
PREVIEW
CSS OUTPUT
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
PRESETS