Gradient Generator
Linear, radial and conic gradients with editable stops, live CSS, SVG and PNG export.
200°
#22C55E0%
#EF444450%
#8B5CF6100%
CSS
background: linear-gradient(200deg, #22c55e 0%, #ef4444 50%, #8b5cf6 100%);
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><defs><linearGradient id="g-linear" gradientTransform="rotate(200 0.5 0.5)"><stop offset="0%" stop-color="#22c55e"/><stop offset="50%" stop-color="#ef4444"/><stop offset="100%" stop-color="#8b5cf6"/></linearGradient></defs><rect width="800" height="400" fill="url(#g-linear)"/></svg>