#E5E5E7 - #928BB8 | 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 #E5E5E7 a #928BB8

#E5E5E7 #928BB8

Calcule el color entre dos colores, #E5E5E7 y #928BB8. 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)

#E5E5E7 - #928BB8 | 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 #E5E5E7 como 0% y #928BB8 como 100%.

0.0%	0.0% #E5E5E7	RGB 229 229 231	#E5E5E7
16.7%	16.7% #D7D6DF	RGB 215 214 223	#D7D6DF
33.3%	33.3% #C9C7D7	RGB 201 199 215	#C9C7D7
50.0%	50.0% #BBB8CF	RGB 187 184 207	#BBB8CF
66.7%	66.7% #ADA9C7	RGB 173 169 199	#ADA9C7
83.3%	83.3% #9F9ABF	RGB 159 154 191	#9F9ABF
100.0%	100.0% #928BB8	RGB 146 139 184	#928BB8

#E5E5E7 #D7D6DF #C9C7D7 #BBB8CF #ADA9C7 #9F9ABF #928BB8

#E5E5E7 - #928BB8

Mezcla HSV

#E5E5E7 - #928BB8 | 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 #E5E5E7 como 0% y #928BB8 como 100%.

0.0%	0.0% #E5E5E7	RGB 229 229 231	#E5E5E7
16.7%	16.7% #D4D4DF	RGB 212 212 223	#D4D4DF
33.3%	33.3% #C5C4D7	RGB 197 196 215	#C5C4D7
50.0%	50.0% #B7B5CF	RGB 183 181 207	#B7B5CF
66.7%	66.7% #A9A6C7	RGB 169 166 199	#A9A6C7
83.3%	83.3% #9D98BF	RGB 157 152 191	#9D98BF
100.0%	100.0% #928BB8	RGB 146 139 184	#928BB8

#E5E5E7 #D4D4DF #C5C4D7 #B7B5CF #A9A6C7 #9D98BF #928BB8

#E5E5E7 - #B7B5CF - #928BB8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E5E7 0%, #B7B5CF 50%, #928BB8 100%);
    background: -webkit-linear-gradient(top, #E5E5E7 0%, #B7B5CF 50%, #928BB8 100%);
    background: linear-gradient(to bottom, #E5E5E7 0%, #B7B5CF 50%, #928BB8 100%);
}
</style>