#A8705C - #813417 | 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 #A8705C to #813417

#A8705C #813417

Calculate the color between two colors, #A8705C and #813417. 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)

#A8705C - #813417 | 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 #A8705C as 0% and #813417 as 100%.

0.0%	0.0% #A8705C	RGB 168 112 92	#A8705C
16.7%	16.7% #A16650	RGB 161 102 80	#A16650
33.3%	33.3% #9B5C45	RGB 155 92 69	#9B5C45
50.0%	50.0% #945239	RGB 148 82 57	#945239
66.7%	66.7% #8E482E	RGB 142 72 46	#8E482E
83.3%	83.3% #873E22	RGB 135 62 34	#873E22
100.0%	100.0% #813417	RGB 129 52 23	#813417

#A8705C #A16650 #9B5C45 #945239 #8E482E #873E22 #813417

#A8705C - #813417

HSV Blend

#A8705C - #813417 | 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 #A8705C as 0% and #813417 as 100%.

0.0%	0.0% #A8705C	RGB 168 112 92	#A8705C
16.7%	16.7% #A1644E	RGB 161 100 78	#A1644E
33.3%	33.3% #9B5941	RGB 155 89 65	#9B5941
50.0%	50.0% #944F35	RGB 148 79 53	#944F35
66.7%	66.7% #8E452A	RGB 142 69 42	#8E452A
83.3%	83.3% #873C20	RGB 135 60 32	#873C20
100.0%	100.0% #813417	RGB 129 52 23	#813417

#A8705C #A1644E #9B5941 #944F35 #8E452A #873C20 #813417

#A8705C - #944F35 - #813417

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8705C 0%, #944F35 50%, #813417 100%);
    background: -webkit-linear-gradient(top, #A8705C 0%, #944F35 50%, #813417 100%);
    background: linear-gradient(to bottom, #A8705C 0%, #944F35 50%, #813417 100%);
}
</style>