#9D9794 - #80543E | 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 #9D9794 a #80543E

#9D9794 #80543E

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

#9D9794 - #80543E | 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 #9D9794 como 0% y #80543E como 100%.

0.0%	0.0% #9D9794	RGB 157 151 148	#9D9794
16.7%	16.7% #988B85	RGB 152 139 133	#988B85
33.3%	33.3% #938077	RGB 147 128 119	#938077
50.0%	50.0% #8E7569	RGB 142 117 105	#8E7569
66.7%	66.7% #896A5A	RGB 137 106 90	#896A5A
83.3%	83.3% #845F4C	RGB 132 95 76	#845F4C
100.0%	100.0% #80543E	RGB 128 84 62	#80543E

#9D9794 #988B85 #938077 #8E7569 #896A5A #845F4C #80543E

#9D9794 - #80543E

Mezcla HSV

#9D9794 - #80543E | 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 #9D9794 como 0% y #80543E como 100%.

0.0%	0.0% #9D9794	RGB 157 151 148	#9D9794
16.7%	16.7% #988A83	RGB 152 138 131	#988A83
33.3%	33.3% #937E74	RGB 147 126 116	#937E74
50.0%	50.0% #8E7365	RGB 142 115 101	#8E7365
66.7%	66.7% #896857	RGB 137 104 87	#896857
83.3%	83.3% #845D4A	RGB 132 93 74	#845D4A
100.0%	100.0% #80543E	RGB 128 84 62	#80543E

#9D9794 #988A83 #937E74 #8E7365 #896857 #845D4A #80543E

#9D9794 - #8E7365 - #80543E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9794 0%, #8E7365 50%, #80543E 100%);
    background: -webkit-linear-gradient(top, #9D9794 0%, #8E7365 50%, #80543E 100%);
    background: linear-gradient(to bottom, #9D9794 0%, #8E7365 50%, #80543E 100%);
}
</style>