#E5E7E9 - #8AB1A3 | 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 #E5E7E9 a #8AB1A3

#E5E7E9 #8AB1A3

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

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

0.0%	0.0% #E5E7E9	RGB 229 231 233	#E5E7E9
16.7%	16.7% #D5DEDD	RGB 213 222 221	#D5DEDD
33.3%	33.3% #C6D5D1	RGB 198 213 209	#C6D5D1
50.0%	50.0% #B7CCC6	RGB 183 204 198	#B7CCC6
66.7%	66.7% #A8C3BA	RGB 168 195 186	#A8C3BA
83.3%	83.3% #99BAAE	RGB 153 186 174	#99BAAE
100.0%	100.0% #8AB1A3	RGB 138 177 163	#8AB1A3

#E5E7E9 #D5DEDD #C6D5D1 #B7CCC6 #A8C3BA #99BAAE #8AB1A3

#E5E7E9 - #8AB1A3

Mezcla HSV

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

0.0%	0.0% #E5E7E9	RGB 229 231 233	#E5E7E9
16.7%	16.7% #D4DBDF	RGB 212 219 223	#D4DBDF
33.3%	33.3% #C4D2D6	RGB 196 210 214	#C4D2D6
50.0%	50.0% #B4CBCD	RGB 180 203 205	#B4CBCD
66.7%	66.7% #A5C3C1	RGB 165 195 193	#A5C3C1
83.3%	83.3% #97BAB2	RGB 151 186 178	#97BAB2
100.0%	100.0% #8AB1A3	RGB 138 177 163	#8AB1A3

#E5E7E9 #D4DBDF #C4D2D6 #B4CBCD #A5C3C1 #97BAB2 #8AB1A3

#E5E7E9 - #B4CBCD - #8AB1A3

Códigos CSS

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

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