#A0AF3C - #2D3211 | 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 #A0AF3C to #2D3211

#A0AF3C #2D3211

Calculate the color between two colors, #A0AF3C and #2D3211. 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)

#A0AF3C - #2D3211 | 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 #A0AF3C as 0% and #2D3211 as 100%.

0.0%	0.0% #A0AF3C	RGB 160 175 60	#A0AF3C
16.7%	16.7% #8C9A34	RGB 140 154 52	#8C9A34
33.3%	33.3% #79852D	RGB 121 133 45	#79852D
50.0%	50.0% #667026	RGB 102 112 38	#667026
66.7%	66.7% #535B1F	RGB 83 91 31	#535B1F
83.3%	83.3% #404618	RGB 64 70 24	#404618
100.0%	100.0% #2D3211	RGB 45 50 17	#2D3211

#A0AF3C #8C9A34 #79852D #667026 #535B1F #404618 #2D3211

#A0AF3C - #2D3211

HSV Blend

#A0AF3C - #2D3211 | 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 #A0AF3C as 0% and #2D3211 as 100%.

0.0%	0.0% #A0AF3C	RGB 160 175 60	#A0AF3C
16.7%	16.7% #8C9A34	RGB 140 154 52	#8C9A34
33.3%	33.3% #79852D	RGB 121 133 45	#79852D
50.0%	50.0% #667026	RGB 102 112 38	#667026
66.7%	66.7% #525B1F	RGB 82 91 31	#525B1F
83.3%	83.3% #3F4618	RGB 63 70 24	#3F4618
100.0%	100.0% #2D3211	RGB 45 50 17	#2D3211

#A0AF3C #8C9A34 #79852D #667026 #525B1F #3F4618 #2D3211

#A0AF3C - #667026 - #2D3211

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0AF3C 0%, #667026 50%, #2D3211 100%);
    background: -webkit-linear-gradient(top, #A0AF3C 0%, #667026 50%, #2D3211 100%);
    background: linear-gradient(to bottom, #A0AF3C 0%, #667026 50%, #2D3211 100%);
}
</style>