#AAA17C - #8D872A | 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 #AAA17C to #8D872A

#AAA17C #8D872A

Calculate the color between two colors, #AAA17C and #8D872A. 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)

#AAA17C - #8D872A | 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 #AAA17C as 0% and #8D872A as 100%.

0.0%	0.0% #AAA17C	RGB 170 161 124	#AAA17C
16.7%	16.7% #A59C6E	RGB 165 156 110	#A59C6E
33.3%	33.3% #A09860	RGB 160 152 96	#A09860
50.0%	50.0% #9B9453	RGB 155 148 83	#9B9453
66.7%	66.7% #968F45	RGB 150 143 69	#968F45
83.3%	83.3% #918B37	RGB 145 139 55	#918B37
100.0%	100.0% #8D872A	RGB 141 135 42	#8D872A

#AAA17C #A59C6E #A09860 #9B9453 #968F45 #918B37 #8D872A

#AAA17C - #8D872A

HSV Blend

#AAA17C - #8D872A | 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 #AAA17C as 0% and #8D872A as 100%.

0.0%	0.0% #AAA17C	RGB 170 161 124	#AAA17C
16.7%	16.7% #A59B6C	RGB 165 155 108	#A59B6C
33.3%	33.3% #A0965D	RGB 160 150 93	#A0965D
50.0%	50.0% #9B914F	RGB 155 145 79	#9B914F
66.7%	66.7% #968D42	RGB 150 141 66	#968D42
83.3%	83.3% #918A35	RGB 145 138 53	#918A35
100.0%	100.0% #8D872A	RGB 141 135 42	#8D872A

#AAA17C #A59B6C #A0965D #9B914F #968D42 #918A35 #8D872A

#AAA17C - #9B914F - #8D872A

CSS codes

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

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