#AA977C - #8D712A | 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 #AA977C to #8D712A

#AA977C #8D712A

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

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

0.0%	0.0% #AA977C	RGB 170 151 124	#AA977C
16.7%	16.7% #A5906E	RGB 165 144 110	#A5906E
33.3%	33.3% #A08A60	RGB 160 138 96	#A08A60
50.0%	50.0% #9B8453	RGB 155 132 83	#9B8453
66.7%	66.7% #967D45	RGB 150 125 69	#967D45
83.3%	83.3% #917737	RGB 145 119 55	#917737
100.0%	100.0% #8D712A	RGB 141 113 42	#8D712A

#AA977C #A5906E #A08A60 #9B8453 #967D45 #917737 #8D712A

#AA977C - #8D712A

HSV Blend

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

0.0%	0.0% #AA977C	RGB 170 151 124	#AA977C
16.7%	16.7% #A58F6C	RGB 165 143 108	#A58F6C
33.3%	33.3% #A0875D	RGB 160 135 93	#A0875D
50.0%	50.0% #9B814F	RGB 155 129 79	#9B814F
66.7%	66.7% #967B42	RGB 150 123 66	#967B42
83.3%	83.3% #917535	RGB 145 117 53	#917535
100.0%	100.0% #8D712A	RGB 141 113 42	#8D712A

#AA977C #A58F6C #A0875D #9B814F #967B42 #917535 #8D712A

#AA977C - #9B814F - #8D712A

CSS codes

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

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