Hoy me he propuesto crear un degradado que simule de forma realista los colores del cielo al amanecer. Para hacerlo he utilizado esta fotografía:
Me centrado en una parte «limpia» de la foto:
Y, después de pelearme con algunas herramientas gratuitas, he encontrado está aplicación web: CSSgradient.io
La aplicación genera un código CSS, el resultado ha sido el siguiente:
background: rgb(41,69,100);
background: linear-gradient(180deg,
rgba(41,69,100,1) 0%,
rgba(147,208,223,1) 69%,
rgba(221,201,136,1) 84%,
rgba(255,114,0,1) 100%);El resultado en una imagen podría ser similar a este:
La interfaz de CSSGradient.io es muy intuitiva y prácticamente no tiene ninguna limitación. Quizás, alguna opción para exportar el degradado en una imagen 😉
Otras herramientas
Además de la herramienta de degradados en la misma web podemos encontrar una galería de fondos degradados espectacular y un blog con lecturas sobre diseño bastante interesante.