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%);
}

Ferramentas Relacionadas

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