#FFE5E9 - #FDFFFA | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #FFE5E9 a #FDFFFA

#FFE5E9 #FDFFFA

Calcule el color entre dos colores, #FFE5E9 y #FDFFFA. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#FFE5E9 - #FDFFFA | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #FFE5E9 como 0% y #FDFFFA como 100%.

0.0%	0.0% #FFE5E9	RGB 255 229 233	#FFE5E9
16.7%	16.7% #FEE9EB	RGB 254 233 235	#FEE9EB
33.3%	33.3% #FEEDEE	RGB 254 237 238	#FEEDEE
50.0%	50.0% #FEF2F1	RGB 254 242 241	#FEF2F1
66.7%	66.7% #FDF6F4	RGB 253 246 244	#FDF6F4
83.3%	83.3% #FDFAF7	RGB 253 250 247	#FDFAF7
100.0%	100.0% #FDFFFA	RGB 253 255 250	#FDFFFA

#FFE5E9 #FEE9EB #FEEDEE #FEF2F1 #FDF6F4 #FDFAF7 #FDFFFA

#FFE5E9 - #FDFFFA

Mezcla HSV

#FFE5E9 - #FDFFFA | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #FFE5E9 como 0% y #FDFFFA como 100%.

0.0%	0.0% #FFE5E9	RGB 255 229 233	#FFE5E9
16.7%	16.7% #FFEAE8	RGB 255 234 232	#FFEAE8
33.3%	33.3% #FFF2EC	RGB 255 242 236	#FFF2EC
50.0%	50.0% #FFF9EF	RGB 255 249 239	#FFF9EF
66.7%	66.7% #FFFDF3	RGB 255 253 243	#FFFDF3
83.3%	83.3% #FDFFF6	RGB 253 255 246	#FDFFF6
100.0%	100.0% #FDFFFA	RGB 253 255 250	#FDFFFA

#FFE5E9 #FFEAE8 #FFF2EC #FFF9EF #FFFDF3 #FDFFF6 #FDFFFA

#FFE5E9 - #FFF9EF - #FDFFFA

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #FFE5E9 0%, #FDFFFA 100%);
    background: -webkit-linear-gradient(top, #FFE5E9 0%, #FDFFFA 100%);
    background: linear-gradient(to bottom, #FFE5E9 0%, #FDFFFA 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FFE5E9 0%, #FFF9EF 50%, #FDFFFA 100%);
    background: -webkit-linear-gradient(top, #FFE5E9 0%, #FFF9EF 50%, #FDFFFA 100%);
    background: linear-gradient(to bottom, #FFE5E9 0%, #FFF9EF 50%, #FDFFFA 100%);
}
</style>