#E5E6E8 - #8BADAF | 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 #E5E6E8 a #8BADAF

#E5E6E8 #8BADAF

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

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

0.0%	0.0% #E5E6E8	RGB 229 230 232	#E5E6E8
16.7%	16.7% #D6DCDE	RGB 214 220 222	#D6DCDE
33.3%	33.3% #C7D3D5	RGB 199 211 213	#C7D3D5
50.0%	50.0% #B8C9CB	RGB 184 201 203	#B8C9CB
66.7%	66.7% #A9C0C2	RGB 169 192 194	#A9C0C2
83.3%	83.3% #9AB6B8	RGB 154 182 184	#9AB6B8
100.0%	100.0% #8BADAF	RGB 139 173 175	#8BADAF

#E5E6E8 #D6DCDE #C7D3D5 #B8C9CB #A9C0C2 #9AB6B8 #8BADAF

#E5E6E8 - #8BADAF

Mezcla HSV

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

0.0%	0.0% #E5E6E8	RGB 229 230 232	#E5E6E8
16.7%	16.7% #D4D8DE	RGB 212 216 222	#D4D8DE
33.3%	33.3% #C4CDD5	RGB 196 205 213	#C4CDD5
50.0%	50.0% #B5C3CB	RGB 181 195 203	#B5C3CB
66.7%	66.7% #A6BAC2	RGB 166 186 194	#A6BAC2
83.3%	83.3% #98B3B8	RGB 152 179 184	#98B3B8
100.0%	100.0% #8BADAF	RGB 139 173 175	#8BADAF

#E5E6E8 #D4D8DE #C4CDD5 #B5C3CB #A6BAC2 #98B3B8 #8BADAF

#E5E6E8 - #B5C3CB - #8BADAF

Códigos CSS

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

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