#E7E7E9 - #8DAAB0 | 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 #8DAAB0

#E7E7E9 #8DAAB0

Calcule el color entre dos colores, #E7E7E9 y #8DAAB0. 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 - #8DAAB0 | 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 #8DAAB0 como 100%.

0.0%	0.0% #E7E7E9	RGB 231 231 233	#E7E7E9
16.7%	16.7% #D8DCDF	RGB 216 220 223	#D8DCDF
33.3%	33.3% #C9D2D6	RGB 201 210 214	#C9D2D6
50.0%	50.0% #BAC8CC	RGB 186 200 204	#BAC8CC
66.7%	66.7% #ABBEC3	RGB 171 190 195	#ABBEC3
83.3%	83.3% #9CB4B9	RGB 156 180 185	#9CB4B9
100.0%	100.0% #8DAAB0	RGB 141 170 176	#8DAAB0

#E7E7E9 #D8DCDF #C9D2D6 #BAC8CC #ABBEC3 #9CB4B9 #8DAAB0

#E7E7E9 - #8DAAB0

Mezcla HSV

#E7E7E9 - #8DAAB0 | 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 #8DAAB0 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% #C6CAD6	RGB 198 202 214	#C6CAD6
50.0%	50.0% #B7C0CC	RGB 183 192 204	#B7C0CC
66.7%	66.7% #A8B7C3	RGB 168 183 195	#A8B7C3
83.3%	83.3% #9AAFB9	RGB 154 175 185	#9AAFB9
100.0%	100.0% #8DAAB0	RGB 141 170 176	#8DAAB0

#E7E7E9 #D6D7DF #C6CAD6 #B7C0CC #A8B7C3 #9AAFB9 #8DAAB0

#E7E7E9 - #B7C0CC - #8DAAB0

Códigos CSS

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

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