#9C9D9A - #E2E3E2 | 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 #9C9D9A a #E2E3E2

#9C9D9A #E2E3E2

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

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

0.0%	0.0% #9C9D9A	RGB 156 157 154	#9C9D9A
16.7%	16.7% #A7A8A6	RGB 167 168 166	#A7A8A6
33.3%	33.3% #B3B4B2	RGB 179 180 178	#B3B4B2
50.0%	50.0% #BFC0BE	RGB 191 192 190	#BFC0BE
66.7%	66.7% #CACBCA	RGB 202 203 202	#CACBCA
83.3%	83.3% #D6D7D6	RGB 214 215 214	#D6D7D6
100.0%	100.0% #E2E3E2	RGB 226 227 226	#E2E3E2

#9C9D9A #A7A8A6 #B3B4B2 #BFC0BE #CACBCA #D6D7D6 #E2E3E2

#9C9D9A - #E2E3E2

Mezcla HSV

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

0.0%	0.0% #9C9D9A	RGB 156 157 154	#9C9D9A
16.7%	16.7% #A7A8A5	RGB 167 168 165	#A7A8A5
33.3%	33.3% #B2B4B1	RGB 178 180 177	#B2B4B1
50.0%	50.0% #BEC0BD	RGB 190 192 189	#BEC0BD
66.7%	66.7% #CACBC9	RGB 202 203 201	#CACBC9
83.3%	83.3% #D6D7D5	RGB 214 215 213	#D6D7D5
100.0%	100.0% #E2E3E2	RGB 226 227 226	#E2E3E2

#9C9D9A #A7A8A5 #B2B4B1 #BEC0BD #CACBC9 #D6D7D5 #E2E3E2

#9C9D9A - #BEC0BD - #E2E3E2

Códigos CSS

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

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