#E5E5E8 - #9797AB | 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 #9797AB

#E5E5E8 #9797AB

Calcule el color entre dos colores, #E5E5E8 y #9797AB. 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 - #9797AB | 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 #9797AB como 100%.

0.0%	0.0% #E5E5E8	RGB 229 229 232	#E5E5E8
16.7%	16.7% #D8D8DD	RGB 216 216 221	#D8D8DD
33.3%	33.3% #CBCBD3	RGB 203 203 211	#CBCBD3
50.0%	50.0% #BEBEC9	RGB 190 190 201	#BEBEC9
66.7%	66.7% #B1B1BF	RGB 177 177 191	#B1B1BF
83.3%	83.3% #A4A4B5	RGB 164 164 181	#A4A4B5
100.0%	100.0% #9797AB	RGB 151 151 171	#9797AB

#E5E5E8 #D8D8DD #CBCBD3 #BEBEC9 #B1B1BF #A4A4B5 #9797AB

#E5E5E8 - #9797AB

Mezcla HSV

#E5E5E8 - #9797AB | 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 #9797AB 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% #C9C9D3	RGB 201 201 211	#C9C9D3
50.0%	50.0% #BCBCC9	RGB 188 188 201	#BCBCC9
66.7%	66.7% #AFAFBF	RGB 175 175 191	#AFAFBF
83.3%	83.3% #A3A3B5	RGB 163 163 181	#A3A3B5
100.0%	100.0% #9797AB	RGB 151 151 171	#9797AB

#E5E5E8 #D7D7DD #C9C9D3 #BCBCC9 #AFAFBF #A3A3B5 #9797AB

#E5E5E8 - #BCBCC9 - #9797AB

Códigos CSS

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

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