#AD6C3C - #713D0E | 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 #AD6C3C to #713D0E

#AD6C3C #713D0E

Calculate the color between two colors, #AD6C3C and #713D0E. 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)

#AD6C3C - #713D0E | 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 #AD6C3C as 0% and #713D0E as 100%.

0.0%	0.0% #AD6C3C	RGB 173 108 60	#AD6C3C
16.7%	16.7% #A36434	RGB 163 100 52	#A36434
33.3%	33.3% #995C2C	RGB 153 92 44	#995C2C
50.0%	50.0% #8F5425	RGB 143 84 37	#8F5425
66.7%	66.7% #854C1D	RGB 133 76 29	#854C1D
83.3%	83.3% #7B4415	RGB 123 68 21	#7B4415
100.0%	100.0% #713D0E	RGB 113 61 14	#713D0E

#AD6C3C #A36434 #995C2C #8F5425 #854C1D #7B4415 #713D0E

#AD6C3C - #713D0E

HSV Blend

#AD6C3C - #713D0E | 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 #AD6C3C as 0% and #713D0E as 100%.

0.0%	0.0% #AD6C3C	RGB 173 108 60	#AD6C3C
16.7%	16.7% #A36332	RGB 163 99 50	#A36332
33.3%	33.3% #995A29	RGB 153 90 41	#995A29
50.0%	50.0% #8F5221	RGB 143 82 33	#8F5221
66.7%	66.7% #854B1A	RGB 133 75 26	#854B1A
83.3%	83.3% #7B4313	RGB 123 67 19	#7B4313
100.0%	100.0% #713D0E	RGB 113 61 14	#713D0E

#AD6C3C #A36332 #995A29 #8F5221 #854B1A #7B4313 #713D0E

#AD6C3C - #8F5221 - #713D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD6C3C 0%, #8F5221 50%, #713D0E 100%);
    background: -webkit-linear-gradient(top, #AD6C3C 0%, #8F5221 50%, #713D0E 100%);
    background: linear-gradient(to bottom, #AD6C3C 0%, #8F5221 50%, #713D0E 100%);
}
</style>