#AC9C2B - #312C0C | 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 #AC9C2B to #312C0C

#AC9C2B #312C0C

Calculate the color between two colors, #AC9C2B and #312C0C. 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)

#AC9C2B - #312C0C | 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 #AC9C2B as 0% and #312C0C as 100%.

0.0%	0.0% #AC9C2B	RGB 172 156 43	#AC9C2B
16.7%	16.7% #978925	RGB 151 137 37	#978925
33.3%	33.3% #837620	RGB 131 118 32	#837620
50.0%	50.0% #6E641B	RGB 110 100 27	#6E641B
66.7%	66.7% #5A5116	RGB 90 81 22	#5A5116
83.3%	83.3% #453E11	RGB 69 62 17	#453E11
100.0%	100.0% #312C0C	RGB 49 44 12	#312C0C

#AC9C2B #978925 #837620 #6E641B #5A5116 #453E11 #312C0C

#AC9C2B - #312C0C

HSV Blend

#AC9C2B - #312C0C | 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 #AC9C2B as 0% and #312C0C as 100%.

0.0%	0.0% #AC9C2B	RGB 172 156 43	#AC9C2B
16.7%	16.7% #978925	RGB 151 137 37	#978925
33.3%	33.3% #837620	RGB 131 118 32	#837620
50.0%	50.0% #6E631B	RGB 110 99 27	#6E631B
66.7%	66.7% #5A5116	RGB 90 81 22	#5A5116
83.3%	83.3% #453E11	RGB 69 62 17	#453E11
100.0%	100.0% #312C0C	RGB 49 44 12	#312C0C

#AC9C2B #978925 #837620 #6E631B #5A5116 #453E11 #312C0C

#AC9C2B - #6E631B - #312C0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC9C2B 0%, #6E631B 50%, #312C0C 100%);
    background: -webkit-linear-gradient(top, #AC9C2B 0%, #6E631B 50%, #312C0C 100%);
    background: linear-gradient(to bottom, #AC9C2B 0%, #6E631B 50%, #312C0C 100%);
}
</style>