#E5E3E7 - #F9F1FF | 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 #E5E3E7 a #F9F1FF

#E5E3E7 #F9F1FF

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

#E5E3E7 - #F9F1FF | 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 #E5E3E7 como 0% y #F9F1FF como 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #E8E5EB	RGB 232 229 235	#E8E5EB
33.3%	33.3% #EBE7EF	RGB 235 231 239	#EBE7EF
50.0%	50.0% #EFEAF3	RGB 239 234 243	#EFEAF3
66.7%	66.7% #F2ECF7	RGB 242 236 247	#F2ECF7
83.3%	83.3% #F5EEFB	RGB 245 238 251	#F5EEFB
100.0%	100.0% #F9F1FF	RGB 249 241 255	#F9F1FF

#E5E3E7 #E8E5EB #EBE7EF #EFEAF3 #F2ECF7 #F5EEFB #F9F1FF

#E5E3E7 - #F9F1FF

Mezcla HSV

#E5E3E7 - #F9F1FF | 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 #E5E3E7 como 0% y #F9F1FF como 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #E8E5EB	RGB 232 229 235	#E8E5EB
33.3%	33.3% #EBE7EF	RGB 235 231 239	#EBE7EF
50.0%	50.0% #EEEAF3	RGB 238 234 243	#EEEAF3
66.7%	66.7% #F2ECF7	RGB 242 236 247	#F2ECF7
83.3%	83.3% #F5EEFB	RGB 245 238 251	#F5EEFB
100.0%	100.0% #F9F1FF	RGB 249 241 255	#F9F1FF

#E5E3E7 #E8E5EB #EBE7EF #EEEAF3 #F2ECF7 #F5EEFB #F9F1FF

#E5E3E7 - #EEEAF3 - #F9F1FF

Códigos CSS

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

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