#FFE5E7 - #FDFFF7 | 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 #FFE5E7 a #FDFFF7

#FFE5E7 #FDFFF7

Calcule el color entre dos colores, #FFE5E7 y #FDFFF7. 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)

#FFE5E7 - #FDFFF7 | 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 #FFE5E7 como 0% y #FDFFF7 como 100%.

0.0%	0.0% #FFE5E7	RGB 255 229 231	#FFE5E7
16.7%	16.7% #FEE9E9	RGB 254 233 233	#FEE9E9
33.3%	33.3% #FEEDEC	RGB 254 237 236	#FEEDEC
50.0%	50.0% #FEF2EF	RGB 254 242 239	#FEF2EF
66.7%	66.7% #FDF6F1	RGB 253 246 241	#FDF6F1
83.3%	83.3% #FDFAF4	RGB 253 250 244	#FDFAF4
100.0%	100.0% #FDFFF7	RGB 253 255 247	#FDFFF7

#FFE5E7 #FEE9E9 #FEEDEC #FEF2EF #FDF6F1 #FDFAF4 #FDFFF7

#FFE5E7 - #FDFFF7

Mezcla HSV

#FFE5E7 - #FDFFF7 | 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 #FFE5E7 como 0% y #FDFFF7 como 100%.

0.0%	0.0% #FFE5E7	RGB 255 229 231	#FFE5E7
16.7%	16.7% #FFEBE8	RGB 255 235 232	#FFEBE8
33.3%	33.3% #FFF2EB	RGB 255 242 235	#FFF2EB
50.0%	50.0% #FFF7EE	RGB 255 247 238	#FFF7EE
66.7%	66.7% #FFFCF1	RGB 255 252 241	#FFFCF1
83.3%	83.3% #FEFFF4	RGB 254 255 244	#FEFFF4
100.0%	100.0% #FDFFF7	RGB 253 255 247	#FDFFF7

#FFE5E7 #FFEBE8 #FFF2EB #FFF7EE #FFFCF1 #FEFFF4 #FDFFF7

#FFE5E7 - #FFF7EE - #FDFFF7

Códigos CSS

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

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