Degradado de #3F51B5 a #4CAF50
Un degradado suave que pasa de #3F51B5 a #4CAF50. Copia el código CSS de abajo para usar este degradado en tus proyectos.
Puntos de color
Color de Inicio
#3F51B5
rgb(63, 81, 181)
hsl(231, 48%, 48%)
Color de Fin
#4CAF50
rgb(76, 175, 80)
hsl(122, 39%, 49%)
Código CSS del degradado
Lineal (135deg)
background: linear-gradient(135deg, #3F51B5, #4CAF50);
Horizontal
background: linear-gradient(to right, #3F51B5, #4CAF50);
Radial
background: radial-gradient(circle, #3F51B5, #4CAF50);
Clases de Tailwind CSS
Tailwind
bg-gradient-to-r from-[#3F51B5] to-[#4CAF50]
Variantes de dirección
Horizontal
Vertical
Diagonal
Esquina
Preguntas frecuentes
¿Cómo crear un degradado de #3F51B5 a #4CAF50?▾
Usa la propiedad CSS: linear-gradient(135deg, #3F51B5, #4CAF50). Aplícala a la propiedad background de cualquier elemento. Puedes cambiar el ángulo (135deg) para ajustar la dirección del degradado.
¿Qué propiedad CSS crea un degradado?▾
Los degradados se crean con la propiedad CSS background o background-image junto con funciones de degradado como linear-gradient(), radial-gradient() o conic-gradient(). Por ejemplo: background: linear-gradient(to right, #3F51B5, #4CAF50);
¿Cómo uso este degradado en Tailwind CSS?▾
En Tailwind CSS, usa las clases de utilidad: "bg-gradient-to-r from-[#3F51B5] to-[#4CAF50]". Las clases from- y to- definen los puntos del degradado. Cambia bg-gradient-to-r por bg-gradient-to-br para una dirección diagonal.