#E5E5E9 - #8AA7B1 | 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 #E5E5E9 a #8AA7B1

#E5E5E9 #8AA7B1

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

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

0.0%	0.0% #E5E5E9	RGB 229 229 233	#E5E5E9
16.7%	16.7% #D5DADF	RGB 213 218 223	#D5DADF
33.3%	33.3% #C6D0D6	RGB 198 208 214	#C6D0D6
50.0%	50.0% #B7C6CD	RGB 183 198 205	#B7C6CD
66.7%	66.7% #A8BBC3	RGB 168 187 195	#A8BBC3
83.3%	83.3% #99B1BA	RGB 153 177 186	#99B1BA
100.0%	100.0% #8AA7B1	RGB 138 167 177	#8AA7B1

#E5E5E9 #D5DADF #C6D0D6 #B7C6CD #A8BBC3 #99B1BA #8AA7B1

#E5E5E9 - #8AA7B1

Mezcla HSV

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

0.0%	0.0% #E5E5E9	RGB 229 229 233	#E5E5E9
16.7%	16.7% #D4D5DF	RGB 212 213 223	#D4D5DF
33.3%	33.3% #C4C8D6	RGB 196 200 214	#C4C8D6
50.0%	50.0% #B4BDCD	RGB 180 189 205	#B4BDCD
66.7%	66.7% #A5B4C3	RGB 165 180 195	#A5B4C3
83.3%	83.3% #97ADBA	RGB 151 173 186	#97ADBA
100.0%	100.0% #8AA7B1	RGB 138 167 177	#8AA7B1

#E5E5E9 #D4D5DF #C4C8D6 #B4BDCD #A5B4C3 #97ADBA #8AA7B1

#E5E5E9 - #B4BDCD - #8AA7B1

Códigos CSS

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

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