#E5E5E8 - #9D97AB | 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 #E5E5E8 a #9D97AB

#E5E5E8 #9D97AB

Calcule el color entre dos colores, #E5E5E8 y #9D97AB. 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)

#E5E5E8 - #9D97AB | 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 #E5E5E8 como 0% y #9D97AB como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D9D8DD	RGB 217 216 221	#D9D8DD
33.3%	33.3% #CDCBD3	RGB 205 203 211	#CDCBD3
50.0%	50.0% #C1BEC9	RGB 193 190 201	#C1BEC9
66.7%	66.7% #B5B1BF	RGB 181 177 191	#B5B1BF
83.3%	83.3% #A9A4B5	RGB 169 164 181	#A9A4B5
100.0%	100.0% #9D97AB	RGB 157 151 171	#9D97AB

#E5E5E8 #D9D8DD #CDCBD3 #C1BEC9 #B5B1BF #A9A4B5 #9D97AB

#E5E5E8 - #9D97AB

Mezcla HSV

#E5E5E8 - #9D97AB | 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 #E5E5E8 como 0% y #9D97AB como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D7D7DD	RGB 215 215 221	#D7D7DD
33.3%	33.3% #CAC9D3	RGB 202 201 211	#CAC9D3
50.0%	50.0% #BEBCC9	RGB 190 188 201	#BEBCC9
66.7%	66.7% #B2AFBF	RGB 178 175 191	#B2AFBF
83.3%	83.3% #A7A3B5	RGB 167 163 181	#A7A3B5
100.0%	100.0% #9D97AB	RGB 157 151 171	#9D97AB

#E5E5E8 #D7D7DD #CAC9D3 #BEBCC9 #B2AFBF #A7A3B5 #9D97AB

#E5E5E8 - #BEBCC9 - #9D97AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E5E8 0%, #BEBCC9 50%, #9D97AB 100%);
    background: -webkit-linear-gradient(top, #E5E5E8 0%, #BEBCC9 50%, #9D97AB 100%);
    background: linear-gradient(to bottom, #E5E5E8 0%, #BEBCC9 50%, #9D97AB 100%);
}
</style>