#B39B3C - #845F0E | 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 #B39B3C a #845F0E

#B39B3C #845F0E

Calcule el color entre dos colores, #B39B3C y #845F0E. 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)

#B39B3C - #845F0E | 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 #B39B3C como 0% y #845F0E como 100%.

0.0%	0.0% #B39B3C	RGB 179 155 60	#B39B3C
16.7%	16.7% #AB9134	RGB 171 145 52	#AB9134
33.3%	33.3% #A3872C	RGB 163 135 44	#A3872C
50.0%	50.0% #9B7D25	RGB 155 125 37	#9B7D25
66.7%	66.7% #93731D	RGB 147 115 29	#93731D
83.3%	83.3% #8B6915	RGB 139 105 21	#8B6915
100.0%	100.0% #845F0E	RGB 132 95 14	#845F0E

#B39B3C #AB9134 #A3872C #9B7D25 #93731D #8B6915 #845F0E

#B39B3C - #845F0E

Mezcla HSV

#B39B3C - #845F0E | 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 #B39B3C como 0% y #845F0E como 100%.

0.0%	0.0% #B39B3C	RGB 179 155 60	#B39B3C
16.7%	16.7% #AB9032	RGB 171 144 50	#AB9032
33.3%	33.3% #A3862A	RGB 163 134 42	#A3862A
50.0%	50.0% #9B7C22	RGB 155 124 34	#9B7C22
66.7%	66.7% #93721A	RGB 147 114 26	#93721A
83.3%	83.3% #8B6814	RGB 139 104 20	#8B6814
100.0%	100.0% #845F0E	RGB 132 95 14	#845F0E

#B39B3C #AB9032 #A3862A #9B7C22 #93721A #8B6814 #845F0E

#B39B3C - #9B7C22 - #845F0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B39B3C 0%, #9B7C22 50%, #845F0E 100%);
    background: -webkit-linear-gradient(top, #B39B3C 0%, #9B7C22 50%, #845F0E 100%);
    background: linear-gradient(to bottom, #B39B3C 0%, #9B7C22 50%, #845F0E 100%);
}
</style>