#9A8DA6 - #E2DEE5 | 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 #9A8DA6 a #E2DEE5

#9A8DA6 #E2DEE5

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

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

0.0%	0.0% #9A8DA6	RGB 154 141 166	#9A8DA6
16.7%	16.7% #A69AB0	RGB 166 154 176	#A69AB0
33.3%	33.3% #B2A8BB	RGB 178 168 187	#B2A8BB
50.0%	50.0% #BEB5C5	RGB 190 181 197	#BEB5C5
66.7%	66.7% #CAC3D0	RGB 202 195 208	#CAC3D0
83.3%	83.3% #D6D0DA	RGB 214 208 218	#D6D0DA
100.0%	100.0% #E2DEE5	RGB 226 222 229	#E2DEE5

#9A8DA6 #A69AB0 #B2A8BB #BEB5C5 #CAC3D0 #D6D0DA #E2DEE5

#9A8DA6 - #E2DEE5

Mezcla HSV

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

0.0%	0.0% #9A8DA6	RGB 154 141 166	#9A8DA6
16.7%	16.7% #A599B0	RGB 165 153 176	#A599B0
33.3%	33.3% #B1A6BB	RGB 177 166 187	#B1A6BB
50.0%	50.0% #BDB3C5	RGB 189 179 197	#BDB3C5
66.7%	66.7% #C9C1D0	RGB 201 193 208	#C9C1D0
83.3%	83.3% #D5CFDA	RGB 213 207 218	#D5CFDA
100.0%	100.0% #E2DEE5	RGB 226 222 229	#E2DEE5

#9A8DA6 #A599B0 #B1A6BB #BDB3C5 #C9C1D0 #D5CFDA #E2DEE5

#9A8DA6 - #BDB3C5 - #E2DEE5

Códigos CSS

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

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