#E5E5ED - #8AA6B7 | 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 #E5E5ED a #8AA6B7

#E5E5ED #8AA6B7

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

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

0.0%	0.0% #E5E5ED	RGB 229 229 237	#E5E5ED
16.7%	16.7% #D5DAE4	RGB 213 218 228	#D5DAE4
33.3%	33.3% #C6D0DB	RGB 198 208 219	#C6D0DB
50.0%	50.0% #B7C5D2	RGB 183 197 210	#B7C5D2
66.7%	66.7% #A8BBC9	RGB 168 187 201	#A8BBC9
83.3%	83.3% #99B0C0	RGB 153 176 192	#99B0C0
100.0%	100.0% #8AA6B7	RGB 138 166 183	#8AA6B7

#E5E5ED #D5DAE4 #C6D0DB #B7C5D2 #A8BBC9 #99B0C0 #8AA6B7

#E5E5ED - #8AA6B7

Mezcla HSV

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

0.0%	0.0% #E5E5ED	RGB 229 229 237	#E5E5ED
16.7%	16.7% #D4D5E4	RGB 212 213 228	#D4D5E4
33.3%	33.3% #C4C8DB	RGB 196 200 219	#C4C8DB
50.0%	50.0% #B4BDD2	RGB 180 189 210	#B4BDD2
66.7%	66.7% #A5B4C9	RGB 165 180 201	#A5B4C9
83.3%	83.3% #97ACC0	RGB 151 172 192	#97ACC0
100.0%	100.0% #8AA6B7	RGB 138 166 183	#8AA6B7

#E5E5ED #D4D5E4 #C4C8DB #B4BDD2 #A5B4C9 #97ACC0 #8AA6B7

#E5E5ED - #B4BDD2 - #8AA6B7

Códigos CSS

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

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