#E5E1E6 - #9898A8 | 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 #E5E1E6 a #9898A8

#E5E1E6 #9898A8

Calcule el color entre dos colores, #E5E1E6 y #9898A8. 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)

#E5E1E6 - #9898A8 | 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 #E5E1E6 como 0% y #9898A8 como 100%.

0.0%	0.0% #E5E1E6	RGB 229 225 230	#E5E1E6
16.7%	16.7% #D8D4DB	RGB 216 212 219	#D8D4DB
33.3%	33.3% #CBC8D1	RGB 203 200 209	#CBC8D1
50.0%	50.0% #BEBCC7	RGB 190 188 199	#BEBCC7
66.7%	66.7% #B1B0BC	RGB 177 176 188	#B1B0BC
83.3%	83.3% #A4A4B2	RGB 164 164 178	#A4A4B2
100.0%	100.0% #9898A8	RGB 152 152 168	#9898A8

#E5E1E6 #D8D4DB #CBC8D1 #BEBCC7 #B1B0BC #A4A4B2 #9898A8

#E5E1E6 - #9898A8

Mezcla HSV

#E5E1E6 - #9898A8 | 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 #E5E1E6 como 0% y #9898A8 como 100%.

0.0%	0.0% #E5E1E6	RGB 229 225 230	#E5E1E6
16.7%	16.7% #D9D4DB	RGB 217 212 219	#D9D4DB
33.3%	33.3% #CCC7D1	RGB 204 199 209	#CCC7D1
50.0%	50.0% #C0BBC7	RGB 192 187 199	#C0BBC7
66.7%	66.7% #B2AFBC	RGB 178 175 188	#B2AFBC
83.3%	83.3% #A5A3B2	RGB 165 163 178	#A5A3B2
100.0%	100.0% #9898A8	RGB 152 152 168	#9898A8

#E5E1E6 #D9D4DB #CCC7D1 #C0BBC7 #B2AFBC #A5A3B2 #9898A8

#E5E1E6 - #C0BBC7 - #9898A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E1E6 0%, #C0BBC7 50%, #9898A8 100%);
    background: -webkit-linear-gradient(top, #E5E1E6 0%, #C0BBC7 50%, #9898A8 100%);
    background: linear-gradient(to bottom, #E5E1E6 0%, #C0BBC7 50%, #9898A8 100%);
}
</style>