#8C7E6B - #6B451E | 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 #8C7E6B a #6B451E

#8C7E6B #6B451E

Calcule el color entre dos colores, #8C7E6B y #6B451E. 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)

#8C7E6B - #6B451E | 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 #8C7E6B como 0% y #6B451E como 100%.

0.0%	0.0% #8C7E6B	RGB 140 126 107	#8C7E6B
16.7%	16.7% #86745E	RGB 134 116 94	#86745E
33.3%	33.3% #816B51	RGB 129 107 81	#816B51
50.0%	50.0% #7B6144	RGB 123 97 68	#7B6144
66.7%	66.7% #765837	RGB 118 88 55	#765837
83.3%	83.3% #704E2A	RGB 112 78 42	#704E2A
100.0%	100.0% #6B451E	RGB 107 69 30	#6B451E

#8C7E6B #86745E #816B51 #7B6144 #765837 #704E2A #6B451E

#8C7E6B - #6B451E

Mezcla HSV

#8C7E6B - #6B451E | 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 #8C7E6B como 0% y #6B451E como 100%.

0.0%	0.0% #8C7E6B	RGB 140 126 107	#8C7E6B
16.7%	16.7% #86735B	RGB 134 115 91	#86735B
33.3%	33.3% #816A4D	RGB 129 106 77	#816A4D
50.0%	50.0% #7B6040	RGB 123 96 64	#7B6040
66.7%	66.7% #765734	RGB 118 87 52	#765734
83.3%	83.3% #704D28	RGB 112 77 40	#704D28
100.0%	100.0% #6B451E	RGB 107 69 30	#6B451E

#8C7E6B #86735B #816A4D #7B6040 #765734 #704D28 #6B451E

#8C7E6B - #7B6040 - #6B451E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7E6B 0%, #7B6040 50%, #6B451E 100%);
    background: -webkit-linear-gradient(top, #8C7E6B 0%, #7B6040 50%, #6B451E 100%);
    background: linear-gradient(to bottom, #8C7E6B 0%, #7B6040 50%, #6B451E 100%);
}
</style>