#E6E5E8 - #8F8BAF | 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 #E6E5E8 a #8F8BAF

#E6E5E8 #8F8BAF

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

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

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #D7D6DE	RGB 215 214 222	#D7D6DE
33.3%	33.3% #C9C7D5	RGB 201 199 213	#C9C7D5
50.0%	50.0% #BAB8CB	RGB 186 184 203	#BAB8CB
66.7%	66.7% #ACA9C2	RGB 172 169 194	#ACA9C2
83.3%	83.3% #9D9AB8	RGB 157 154 184	#9D9AB8
100.0%	100.0% #8F8BAF	RGB 143 139 175	#8F8BAF

#E6E5E8 #D7D6DE #C9C7D5 #BAB8CB #ACA9C2 #9D9AB8 #8F8BAF

#E6E5E8 - #8F8BAF

Mezcla HSV

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

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #D7D4DE	RGB 215 212 222	#D7D4DE
33.3%	33.3% #C8C4D5	RGB 200 196 213	#C8C4D5
50.0%	50.0% #BAB5CB	RGB 186 181 203	#BAB5CB
66.7%	66.7% #ABA6C2	RGB 171 166 194	#ABA6C2
83.3%	83.3% #9D98B8	RGB 157 152 184	#9D98B8
100.0%	100.0% #8F8BAF	RGB 143 139 175	#8F8BAF

#E6E5E8 #D7D4DE #C8C4D5 #BAB5CB #ABA6C2 #9D98B8 #8F8BAF

#E6E5E8 - #BAB5CB - #8F8BAF

Códigos CSS

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

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