#E5E8F1 - #FCF6FF | 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 #E5E8F1 a #FCF6FF

#E5E8F1 #FCF6FF

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

#E5E8F1 - #FCF6FF | 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 #E5E8F1 como 0% y #FCF6FF como 100%.

0.0%	0.0% #E5E8F1	RGB 229 232 241	#E5E8F1
16.7%	16.7% #E8EAF3	RGB 232 234 243	#E8EAF3
33.3%	33.3% #ECECF5	RGB 236 236 245	#ECECF5
50.0%	50.0% #F0EFF8	RGB 240 239 248	#F0EFF8
66.7%	66.7% #F4F1FA	RGB 244 241 250	#F4F1FA
83.3%	83.3% #F8F3FC	RGB 248 243 252	#F8F3FC
100.0%	100.0% #FCF6FF	RGB 252 246 255	#FCF6FF

#E5E8F1 #E8EAF3 #ECECF5 #F0EFF8 #F4F1FA #F8F3FC #FCF6FF

#E5E8F1 - #FCF6FF

Mezcla HSV

#E5E8F1 - #FCF6FF | 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 #E5E8F1 como 0% y #FCF6FF como 100%.

0.0%	0.0% #E5E8F1	RGB 229 232 241	#E5E8F1
16.7%	16.7% #E7E8F3	RGB 231 232 243	#E7E8F3
33.3%	33.3% #EBEAF5	RGB 235 234 245	#EBEAF5
50.0%	50.0% #EFEDF8	RGB 239 237 248	#EFEDF8
66.7%	66.7% #F3F0FA	RGB 243 240 250	#F3F0FA
83.3%	83.3% #F8F3FC	RGB 248 243 252	#F8F3FC
100.0%	100.0% #FCF6FF	RGB 252 246 255	#FCF6FF

#E5E8F1 #E7E8F3 #EBEAF5 #EFEDF8 #F3F0FA #F8F3FC #FCF6FF

#E5E8F1 - #EFEDF8 - #FCF6FF

Códigos CSS

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

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