#B39B3C - #845F0E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #B39B3C to #845F0E

#B39B3C #845F0E

Calculate the color between two colors, #B39B3C and #845F0E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#B39B3C - #845F0E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #B39B3C as 0% and #845F0E as 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

HSV Blend

#B39B3C - #845F0E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #B39B3C as 0% and #845F0E as 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

CSS codes

<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>