#E5E7E5 - #8BB0B8 | 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 #E5E7E5 a #8BB0B8

#E5E7E5 #8BB0B8

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

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

0.0%	0.0% #E5E7E5	RGB 229 231 229	#E5E7E5
16.7%	16.7% #D6DDDD	RGB 214 221 221	#D6DDDD
33.3%	33.3% #C7D4D6	RGB 199 212 214	#C7D4D6
50.0%	50.0% #B8CBCE	RGB 184 203 206	#B8CBCE
66.7%	66.7% #A9C2C7	RGB 169 194 199	#A9C2C7
83.3%	83.3% #9AB9BF	RGB 154 185 191	#9AB9BF
100.0%	100.0% #8BB0B8	RGB 139 176 184	#8BB0B8

#E5E7E5 #D6DDDD #C7D4D6 #B8CBCE #A9C2C7 #9AB9BF #8BB0B8

#E5E7E5 - #8BB0B8

Mezcla HSV

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

0.0%	0.0% #E5E7E5	RGB 229 231 229	#E5E7E5
16.7%	16.7% #D4DFD6	RGB 212 223 214	#D4DFD6
33.3%	33.3% #C4D7CB	RGB 196 215 203	#C4D7CB
50.0%	50.0% #B5CFC4	RGB 181 207 196	#B5CFC4
66.7%	66.7% #A6C7C0	RGB 166 199 192	#A6C7C0
83.3%	83.3% #98BFBF	RGB 152 191 191	#98BFBF
100.0%	100.0% #8BB0B8	RGB 139 176 184	#8BB0B8

#E5E7E5 #D4DFD6 #C4D7CB #B5CFC4 #A6C7C0 #98BFBF #8BB0B8

#E5E7E5 - #B5CFC4 - #8BB0B8

Códigos CSS

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

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