#A99F5E - #7E651B | 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 #A99F5E to #7E651B

#A99F5E #7E651B

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

#A99F5E - #7E651B | 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 #A99F5E as 0% and #7E651B as 100%.

0.0%	0.0% #A99F5E	RGB 169 159 94	#A99F5E
16.7%	16.7% #A19552	RGB 161 149 82	#A19552
33.3%	33.3% #9A8B47	RGB 154 139 71	#9A8B47
50.0%	50.0% #93823C	RGB 147 130 60	#93823C
66.7%	66.7% #8C7831	RGB 140 120 49	#8C7831
83.3%	83.3% #856E26	RGB 133 110 38	#856E26
100.0%	100.0% #7E651B	RGB 126 101 27	#7E651B

#A99F5E #A19552 #9A8B47 #93823C #8C7831 #856E26 #7E651B

#A99F5E - #7E651B

HSV Blend

#A99F5E - #7E651B | 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 #A99F5E as 0% and #7E651B as 100%.

0.0%	0.0% #A99F5E	RGB 169 159 94	#A99F5E
16.7%	16.7% #A19550	RGB 161 149 80	#A19550
33.3%	33.3% #9A8B44	RGB 154 139 68	#9A8B44
50.0%	50.0% #938238	RGB 147 130 56	#938238
66.7%	66.7% #8C782E	RGB 140 120 46	#8C782E
83.3%	83.3% #856E24	RGB 133 110 36	#856E24
100.0%	100.0% #7E651B	RGB 126 101 27	#7E651B

#A99F5E #A19550 #9A8B44 #938238 #8C782E #856E24 #7E651B

#A99F5E - #938238 - #7E651B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A99F5E 0%, #938238 50%, #7E651B 100%);
    background: -webkit-linear-gradient(top, #A99F5E 0%, #938238 50%, #7E651B 100%);
    background: linear-gradient(to bottom, #A99F5E 0%, #938238 50%, #7E651B 100%);
}
</style>