#989393 - #834B3C | 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 #989393 a #834B3C

#989393 #834B3C

Calcule el color entre dos colores, #989393 y #834B3C. 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)

#989393 - #834B3C | 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 #989393 como 0% y #834B3C como 100%.

0.0%	0.0% #989393	RGB 152 147 147	#989393
16.7%	16.7% #948784	RGB 148 135 132	#948784
33.3%	33.3% #917B76	RGB 145 123 118	#917B76
50.0%	50.0% #8D6F67	RGB 141 111 103	#8D6F67
66.7%	66.7% #8A6359	RGB 138 99 89	#8A6359
83.3%	83.3% #86574A	RGB 134 87 74	#86574A
100.0%	100.0% #834B3C	RGB 131 75 60	#834B3C

#989393 #948784 #917B76 #8D6F67 #8A6359 #86574A #834B3C

#989393 - #834B3C

Mezcla HSV

#989393 - #834B3C | 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 #989393 como 0% y #834B3C como 100%.

0.0%	0.0% #989393	RGB 152 147 147	#989393
16.7%	16.7% #948383	RGB 148 131 131	#948383
33.3%	33.3% #917573	RGB 145 117 115	#917573
50.0%	50.0% #8D6964	RGB 141 105 100	#8D6964
66.7%	66.7% #8A5D56	RGB 138 93 86	#8A5D56
83.3%	83.3% #865349	RGB 134 83 73	#865349
100.0%	100.0% #834B3C	RGB 131 75 60	#834B3C

#989393 #948383 #917573 #8D6964 #8A5D56 #865349 #834B3C

#989393 - #8D6964 - #834B3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989393 0%, #8D6964 50%, #834B3C 100%);
    background: -webkit-linear-gradient(top, #989393 0%, #8D6964 50%, #834B3C 100%);
    background: linear-gradient(to bottom, #989393 0%, #8D6964 50%, #834B3C 100%);
}
</style>