Generador de degradados

Degradados lineales, radiales y cónicos con paradas editables, CSS en vivo y exportación SVG y PNG.

Tipo

Paradas

Añade hasta 5 paradas. Arrastra un control para mover su posición.

#FF512F0%
#DD2476100%

Vista previa

CSS
background: linear-gradient(90deg, #ff512f 0%, #dd2476 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(90 0.5 0.5)"><stop offset="0%" stop-color="#ff512f"/><stop offset="100%" stop-color="#dd2476"/></linearGradient></defs><rect width="800" height="400" fill="url(#g-linear)"/></svg>

Degradados seleccionados

Generador de degradados — Tintiva