#9A8CAB - #E2DEE7 | 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 #9A8CAB a #E2DEE7

#9A8CAB #E2DEE7

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

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

0.0%	0.0% #9A8CAB	RGB 154 140 171	#9A8CAB
16.7%	16.7% #A699B5	RGB 166 153 181	#A699B5
33.3%	33.3% #B2A7BF	RGB 178 167 191	#B2A7BF
50.0%	50.0% #BEB5C9	RGB 190 181 201	#BEB5C9
66.7%	66.7% #CAC2D3	RGB 202 194 211	#CAC2D3
83.3%	83.3% #D6D0DD	RGB 214 208 221	#D6D0DD
100.0%	100.0% #E2DEE7	RGB 226 222 231	#E2DEE7

#9A8CAB #A699B5 #B2A7BF #BEB5C9 #CAC2D3 #D6D0DD #E2DEE7

#9A8CAB - #E2DEE7

Mezcla HSV

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

0.0%	0.0% #9A8CAB	RGB 154 140 171	#9A8CAB
16.7%	16.7% #A598B5	RGB 165 152 181	#A598B5
33.3%	33.3% #B0A5BF	RGB 176 165 191	#B0A5BF
50.0%	50.0% #BCB2C9	RGB 188 178 201	#BCB2C9
66.7%	66.7% #C8C0D3	RGB 200 192 211	#C8C0D3
83.3%	83.3% #D5CFDD	RGB 213 207 221	#D5CFDD
100.0%	100.0% #E2DEE7	RGB 226 222 231	#E2DEE7

#9A8CAB #A598B5 #B0A5BF #BCB2C9 #C8C0D3 #D5CFDD #E2DEE7

#9A8CAB - #BCB2C9 - #E2DEE7

Códigos CSS

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

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