#AD8C3C - #71590E | 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 #AD8C3C to #71590E

#AD8C3C #71590E

Calculate the color between two colors, #AD8C3C and #71590E. 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)

#AD8C3C - #71590E | 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 #AD8C3C as 0% and #71590E as 100%.

0.0%	0.0% #AD8C3C	RGB 173 140 60	#AD8C3C
16.7%	16.7% #A38334	RGB 163 131 52	#A38334
33.3%	33.3% #997B2C	RGB 153 123 44	#997B2C
50.0%	50.0% #8F7225	RGB 143 114 37	#8F7225
66.7%	66.7% #856A1D	RGB 133 106 29	#856A1D
83.3%	83.3% #7B6115	RGB 123 97 21	#7B6115
100.0%	100.0% #71590E	RGB 113 89 14	#71590E

#AD8C3C #A38334 #997B2C #8F7225 #856A1D #7B6115 #71590E

#AD8C3C - #71590E

HSV Blend

#AD8C3C - #71590E | 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 #AD8C3C as 0% and #71590E as 100%.

0.0%	0.0% #AD8C3C	RGB 173 140 60	#AD8C3C
16.7%	16.7% #A38332	RGB 163 131 50	#A38332
33.3%	33.3% #997A29	RGB 153 122 41	#997A29
50.0%	50.0% #8F7121	RGB 143 113 33	#8F7121
66.7%	66.7% #85691A	RGB 133 105 26	#85691A
83.3%	83.3% #7B6113	RGB 123 97 19	#7B6113
100.0%	100.0% #71590E	RGB 113 89 14	#71590E

#AD8C3C #A38332 #997A29 #8F7121 #85691A #7B6113 #71590E

#AD8C3C - #8F7121 - #71590E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD8C3C 0%, #8F7121 50%, #71590E 100%);
    background: -webkit-linear-gradient(top, #AD8C3C 0%, #8F7121 50%, #71590E 100%);
    background: linear-gradient(to bottom, #AD8C3C 0%, #8F7121 50%, #71590E 100%);
}
</style>