#E1DFE5 - #9C8EA7 | 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 #E1DFE5 a #9C8EA7

#E1DFE5 #9C8EA7

Calcule el color entre dos colores, #E1DFE5 y #9C8EA7. 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)

#E1DFE5 - #9C8EA7 | 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 #E1DFE5 como 0% y #9C8EA7 como 100%.

0.0%	0.0% #E1DFE5	RGB 225 223 229	#E1DFE5
16.7%	16.7% #D5D1DA	RGB 213 209 218	#D5D1DA
33.3%	33.3% #CAC4D0	RGB 202 196 208	#CAC4D0
50.0%	50.0% #BEB6C6	RGB 190 182 198	#BEB6C6
66.7%	66.7% #B3A9BB	RGB 179 169 187	#B3A9BB
83.3%	83.3% #A79BB1	RGB 167 155 177	#A79BB1
100.0%	100.0% #9C8EA7	RGB 156 142 167	#9C8EA7

#E1DFE5 #D5D1DA #CAC4D0 #BEB6C6 #B3A9BB #A79BB1 #9C8EA7

#E1DFE5 - #9C8EA7

Mezcla HSV

#E1DFE5 - #9C8EA7 | 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 #E1DFE5 como 0% y #9C8EA7 como 100%.

0.0%	0.0% #E1DFE5	RGB 225 223 229	#E1DFE5
16.7%	16.7% #D4D0DA	RGB 212 208 218	#D4D0DA
33.3%	33.3% #C8C2D0	RGB 200 194 208	#C8C2D0
50.0%	50.0% #BCB4C6	RGB 188 180 198	#BCB4C6
66.7%	66.7% #B1A7BB	RGB 177 167 187	#B1A7BB
83.3%	83.3% #A69AB1	RGB 166 154 177	#A69AB1
100.0%	100.0% #9C8EA7	RGB 156 142 167	#9C8EA7

#E1DFE5 #D4D0DA #C8C2D0 #BCB4C6 #B1A7BB #A69AB1 #9C8EA7

#E1DFE5 - #BCB4C6 - #9C8EA7

Códigos CSS

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

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