#866F3E - #5E3C0C | 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 #866F3E a #5E3C0C

#866F3E #5E3C0C

Calcule el color entre dos colores, #866F3E y #5E3C0C. 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)

#866F3E - #5E3C0C | 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 #866F3E como 0% y #5E3C0C como 100%.

0.0%	0.0% #866F3E	RGB 134 111 62	#866F3E
16.7%	16.7% #7F6635	RGB 127 102 53	#7F6635
33.3%	33.3% #785E2D	RGB 120 94 45	#785E2D
50.0%	50.0% #725525	RGB 114 85 37	#725525
66.7%	66.7% #6B4D1C	RGB 107 77 28	#6B4D1C
83.3%	83.3% #644414	RGB 100 68 20	#644414
100.0%	100.0% #5E3C0C	RGB 94 60 12	#5E3C0C

#866F3E #7F6635 #785E2D #725525 #6B4D1C #644414 #5E3C0C

#866F3E - #5E3C0C

Mezcla HSV

#866F3E - #5E3C0C | 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 #866F3E como 0% y #5E3C0C como 100%.

0.0%	0.0% #866F3E	RGB 134 111 62	#866F3E
16.7%	16.7% #7F6633	RGB 127 102 51	#7F6633
33.3%	33.3% #785D2A	RGB 120 93 42	#785D2A
50.0%	50.0% #725421	RGB 114 84 33	#725421
66.7%	66.7% #6B4C19	RGB 107 76 25	#6B4C19
83.3%	83.3% #644312	RGB 100 67 18	#644312
100.0%	100.0% #5E3C0C	RGB 94 60 12	#5E3C0C

#866F3E #7F6633 #785D2A #725421 #6B4C19 #644312 #5E3C0C

#866F3E - #725421 - #5E3C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #866F3E 0%, #725421 50%, #5E3C0C 100%);
    background: -webkit-linear-gradient(top, #866F3E 0%, #725421 50%, #5E3C0C 100%);
    background: linear-gradient(to bottom, #866F3E 0%, #725421 50%, #5E3C0C 100%);
}
</style>