#E7E7E9 - #8D9FB0 | 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 #E7E7E9 a #8D9FB0

#E7E7E9 #8D9FB0

Calcule el color entre dos colores, #E7E7E9 y #8D9FB0. 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)

#E7E7E9 - #8D9FB0 | 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 #E7E7E9 como 0% y #8D9FB0 como 100%.

0.0%	0.0% #E7E7E9	RGB 231 231 233	#E7E7E9
16.7%	16.7% #D8DBDF	RGB 216 219 223	#D8DBDF
33.3%	33.3% #C9CFD6	RGB 201 207 214	#C9CFD6
50.0%	50.0% #BAC3CC	RGB 186 195 204	#BAC3CC
66.7%	66.7% #ABB7C3	RGB 171 183 195	#ABB7C3
83.3%	83.3% #9CABB9	RGB 156 171 185	#9CABB9
100.0%	100.0% #8D9FB0	RGB 141 159 176	#8D9FB0

#E7E7E9 #D8DBDF #C9CFD6 #BAC3CC #ABB7C3 #9CABB9 #8D9FB0

#E7E7E9 - #8D9FB0

Mezcla HSV

#E7E7E9 - #8D9FB0 | 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 #E7E7E9 como 0% y #8D9FB0 como 100%.

0.0%	0.0% #E7E7E9	RGB 231 231 233	#E7E7E9
16.7%	16.7% #D6D7DF	RGB 214 215 223	#D6D7DF
33.3%	33.3% #C6C9D6	RGB 198 201 214	#C6C9D6
50.0%	50.0% #B7BCCC	RGB 183 188 204	#B7BCCC
66.7%	66.7% #A8B1C3	RGB 168 177 195	#A8B1C3
83.3%	83.3% #9AA7B9	RGB 154 167 185	#9AA7B9
100.0%	100.0% #8D9FB0	RGB 141 159 176	#8D9FB0

#E7E7E9 #D6D7DF #C6C9D6 #B7BCCC #A8B1C3 #9AA7B9 #8D9FB0

#E7E7E9 - #B7BCCC - #8D9FB0

Códigos CSS

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

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