#8C8464 - #674D1B | 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 #8C8464 a #674D1B

#8C8464 #674D1B

Calcule el color entre dos colores, #8C8464 y #674D1B. 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)

#8C8464 - #674D1B | 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 #8C8464 como 0% y #674D1B como 100%.

0.0%	0.0% #8C8464	RGB 140 132 100	#8C8464
16.7%	16.7% #857A57	RGB 133 122 87	#857A57
33.3%	33.3% #7F714B	RGB 127 113 75	#7F714B
50.0%	50.0% #79683F	RGB 121 104 63	#79683F
66.7%	66.7% #735F33	RGB 115 95 51	#735F33
83.3%	83.3% #6D5627	RGB 109 86 39	#6D5627
100.0%	100.0% #674D1B	RGB 103 77 27	#674D1B

#8C8464 #857A57 #7F714B #79683F #735F33 #6D5627 #674D1B

#8C8464 - #674D1B

Mezcla HSV

#8C8464 - #674D1B | 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 #8C8464 como 0% y #674D1B como 100%.

0.0%	0.0% #8C8464	RGB 140 132 100	#8C8464
16.7%	16.7% #857B55	RGB 133 123 85	#857B55
33.3%	33.3% #7F7147	RGB 127 113 71	#7F7147
50.0%	50.0% #79683B	RGB 121 104 59	#79683B
66.7%	66.7% #735F2F	RGB 115 95 47	#735F2F
83.3%	83.3% #6D5624	RGB 109 86 36	#6D5624
100.0%	100.0% #674D1B	RGB 103 77 27	#674D1B

#8C8464 #857B55 #7F7147 #79683B #735F2F #6D5624 #674D1B

#8C8464 - #79683B - #674D1B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8464 0%, #79683B 50%, #674D1B 100%);
    background: -webkit-linear-gradient(top, #8C8464 0%, #79683B 50%, #674D1B 100%);
    background: linear-gradient(to bottom, #8C8464 0%, #79683B 50%, #674D1B 100%);
}
</style>