#A29F5E - #76671B | 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 #A29F5E to #76671B

#A29F5E #76671B

Calculate the color between two colors, #A29F5E and #76671B. 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)

#A29F5E - #76671B | 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 #A29F5E as 0% and #76671B as 100%.

0.0%	0.0% #A29F5E	RGB 162 159 94	#A29F5E
16.7%	16.7% #9A9552	RGB 154 149 82	#9A9552
33.3%	33.3% #938C47	RGB 147 140 71	#938C47
50.0%	50.0% #8C833C	RGB 140 131 60	#8C833C
66.7%	66.7% #847931	RGB 132 121 49	#847931
83.3%	83.3% #7D7026	RGB 125 112 38	#7D7026
100.0%	100.0% #76671B	RGB 118 103 27	#76671B

#A29F5E #9A9552 #938C47 #8C833C #847931 #7D7026 #76671B

#A29F5E - #76671B

HSV Blend

#A29F5E - #76671B | 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 #A29F5E as 0% and #76671B as 100%.

0.0%	0.0% #A29F5E	RGB 162 159 94	#A29F5E
16.7%	16.7% #9A9550	RGB 154 149 80	#9A9550
33.3%	33.3% #938C44	RGB 147 140 68	#938C44
50.0%	50.0% #8C8338	RGB 140 131 56	#8C8338
66.7%	66.7% #84792D	RGB 132 121 45	#84792D
83.3%	83.3% #7D7024	RGB 125 112 36	#7D7024
100.0%	100.0% #76671B	RGB 118 103 27	#76671B

#A29F5E #9A9550 #938C44 #8C8338 #84792D #7D7024 #76671B

#A29F5E - #8C8338 - #76671B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A29F5E 0%, #8C8338 50%, #76671B 100%);
    background: -webkit-linear-gradient(top, #A29F5E 0%, #8C8338 50%, #76671B 100%);
    background: linear-gradient(to bottom, #A29F5E 0%, #8C8338 50%, #76671B 100%);
}
</style>