#E5E7E6 - #8BB1B8 | 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 #E5E7E6 a #8BB1B8

#E5E7E6 #8BB1B8

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

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

0.0%	0.0% #E5E7E6	RGB 229 231 230	#E5E7E6
16.7%	16.7% #D6DEDE	RGB 214 222 222	#D6DEDE
33.3%	33.3% #C7D5D6	RGB 199 213 214	#C7D5D6
50.0%	50.0% #B8CCCF	RGB 184 204 207	#B8CCCF
66.7%	66.7% #A9C3C7	RGB 169 195 199	#A9C3C7
83.3%	83.3% #9ABABF	RGB 154 186 191	#9ABABF
100.0%	100.0% #8BB1B8	RGB 139 177 184	#8BB1B8

#E5E7E6 #D6DEDE #C7D5D6 #B8CCCF #A9C3C7 #9ABABF #8BB1B8

#E5E7E6 - #8BB1B8

Mezcla HSV

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

0.0%	0.0% #E5E7E6	RGB 229 231 230	#E5E7E6
16.7%	16.7% #D4DFDA	RGB 212 223 218	#D4DFDA
33.3%	33.3% #C4D7D2	RGB 196 215 210	#C4D7D2
50.0%	50.0% #B5CFCA	RGB 181 207 202	#B5CFCA
66.7%	66.7% #A6C7C5	RGB 166 199 197	#A6C7C5
83.3%	83.3% #98BEBF	RGB 152 190 191	#98BEBF
100.0%	100.0% #8BB1B8	RGB 139 177 184	#8BB1B8

#E5E7E6 #D4DFDA #C4D7D2 #B5CFCA #A6C7C5 #98BEBF #8BB1B8

#E5E7E6 - #B5CFCA - #8BB1B8

Códigos CSS

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

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