#E9E5E6 - #ECC3EB | 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 #E9E5E6 a #ECC3EB

#E9E5E6 #ECC3EB

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

#E9E5E6 - #ECC3EB | 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 #E9E5E6 como 0% y #ECC3EB como 100%.

0.0%	0.0% #E9E5E6	RGB 233 229 230	#E9E5E6
16.7%	16.7% #E9DFE6	RGB 233 223 230	#E9DFE6
33.3%	33.3% #EAD9E7	RGB 234 217 231	#EAD9E7
50.0%	50.0% #EAD4E8	RGB 234 212 232	#EAD4E8
66.7%	66.7% #EBCEE9	RGB 235 206 233	#EBCEE9
83.3%	83.3% #EBC8EA	RGB 235 200 234	#EBC8EA
100.0%	100.0% #ECC3EB	RGB 236 195 235	#ECC3EB

#E9E5E6 #E9DFE6 #EAD9E7 #EAD4E8 #EBCEE9 #EBC8EA #ECC3EB

#E9E5E6 - #ECC3EB

Mezcla HSV

#E9E5E6 - #ECC3EB | 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 #E9E5E6 como 0% y #ECC3EB como 100%.

0.0%	0.0% #E9E5E6	RGB 233 229 230	#E9E5E6
16.7%	16.7% #E9DFE3	RGB 233 223 227	#E9DFE3
33.3%	33.3% #EAD9E1	RGB 234 217 225	#EAD9E1
50.0%	50.0% #EAD4E1	RGB 234 212 225	#EAD4E1
66.7%	66.7% #EBCEE3	RGB 235 206 227	#EBCEE3
83.3%	83.3% #EBC8E6	RGB 235 200 230	#EBC8E6
100.0%	100.0% #ECC3EB	RGB 236 195 235	#ECC3EB

#E9E5E6 #E9DFE3 #EAD9E1 #EAD4E1 #EBCEE3 #EBC8E6 #ECC3EB

#E9E5E6 - #EAD4E1 - #ECC3EB

Códigos CSS

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

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