#AA9B5E - #756011 | 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 #AA9B5E to #756011

#AA9B5E #756011

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

#AA9B5E - #756011 | 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 #AA9B5E as 0% and #756011 as 100%.

0.0%	0.0% #AA9B5E	RGB 170 155 94	#AA9B5E
16.7%	16.7% #A19151	RGB 161 145 81	#A19151
33.3%	33.3% #988744	RGB 152 135 68	#988744
50.0%	50.0% #8F7D37	RGB 143 125 55	#8F7D37
66.7%	66.7% #86732A	RGB 134 115 42	#86732A
83.3%	83.3% #7D691D	RGB 125 105 29	#7D691D
100.0%	100.0% #756011	RGB 117 96 17	#756011

#AA9B5E #A19151 #988744 #8F7D37 #86732A #7D691D #756011

#AA9B5E - #756011

HSV Blend

#AA9B5E - #756011 | 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 #AA9B5E as 0% and #756011 as 100%.

0.0%	0.0% #AA9B5E	RGB 170 155 94	#AA9B5E
16.7%	16.7% #A1904E	RGB 161 144 78	#A1904E
33.3%	33.3% #98863F	RGB 152 134 63	#98863F
50.0%	50.0% #8F7C32	RGB 143 124 50	#8F7C32
66.7%	66.7% #867225	RGB 134 114 37	#867225
83.3%	83.3% #7D691A	RGB 125 105 26	#7D691A
100.0%	100.0% #756011	RGB 117 96 17	#756011

#AA9B5E #A1904E #98863F #8F7C32 #867225 #7D691A #756011

#AA9B5E - #8F7C32 - #756011

CSS codes

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

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