#AAAC3C - #7D720D | 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 #AAAC3C to #7D720D

#AAAC3C #7D720D

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

#AAAC3C - #7D720D | 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 #AAAC3C as 0% and #7D720D as 100%.

0.0%	0.0% #AAAC3C	RGB 170 172 60	#AAAC3C
16.7%	16.7% #A2A234	RGB 162 162 52	#A2A234
33.3%	33.3% #9B982C	RGB 155 152 44	#9B982C
50.0%	50.0% #938F24	RGB 147 143 36	#938F24
66.7%	66.7% #8C851C	RGB 140 133 28	#8C851C
83.3%	83.3% #847B14	RGB 132 123 20	#847B14
100.0%	100.0% #7D720D	RGB 125 114 13	#7D720D

#AAAC3C #A2A234 #9B982C #938F24 #8C851C #847B14 #7D720D

#AAAC3C - #7D720D

HSV Blend

#AAAC3C - #7D720D | 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 #AAAC3C as 0% and #7D720D as 100%.

0.0%	0.0% #AAAC3C	RGB 170 172 60	#AAAC3C
16.7%	16.7% #A4A332	RGB 164 163 50	#A4A332
33.3%	33.3% #9C9929	RGB 156 153 41	#9C9929
50.0%	50.0% #948F21	RGB 148 143 33	#948F21
66.7%	66.7% #8C851A	RGB 140 133 26	#8C851A
83.3%	83.3% #847B13	RGB 132 123 19	#847B13
100.0%	100.0% #7D720D	RGB 125 114 13	#7D720D

#AAAC3C #A4A332 #9C9929 #948F21 #8C851A #847B13 #7D720D

#AAAC3C - #948F21 - #7D720D

CSS codes

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

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