Generador de degradados CSS

Código CSS de linear-gradient o radial-gradient.

Empieza con Degradados CSS

  1. Elige los colores, el tipo y el ángulo.
  2. Copia el CSS.

Resultado de ejemplo

Datos de referencia:

  • Color 1: #1f5eff
  • Color 2: #ff5e1f
  • Tipo: Lineal
  • Ángulo: 90 °

Resultado:

CSS:

background: #1f5eff;
background: linear-gradient(90deg, #1f5eff, #ff5e1f);

Tailwind (aprox.): bg-gradient-to-r from-[#1f5eff] to-[#ff5e1f]

Información útil

¿Cómo pongo un degradado de fondo en toda la página?
Aplica la propiedad background al body y añade min-height: 100vh.