Generador de Gradiente CSS

Crea gradientes CSS lineales y radiales con vista previa visual en tiempo real

Tipo

Dirección

Ángulo90°

Colores

Color

Posición0%

Color

Posición100%

CSS

linear-gradient(90deg, #667eea 0%, #764ba2 100%)

Código Completo

.gradient {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

Sigue explorando

Herramientas que combinan con lo que estás usando:

Crea sombras CSS con vista previa visual en tiempo real

Convierte entre HEX, RGB y HSL

Crea bordes redondeados con control individual de cada esquina

¿Te gustó esta herramienta? ¡Explora más!