#AA6C5E - #80211A | 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 #AA6C5E to #80211A

#AA6C5E #80211A

Calculate the color between two colors, #AA6C5E and #80211A. 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)

#AA6C5E - #80211A | 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 #AA6C5E as 0% and #80211A as 100%.

0.0%	0.0% #AA6C5E	RGB 170 108 94	#AA6C5E
16.7%	16.7% #A35F52	RGB 163 95 82	#A35F52
33.3%	33.3% #9C5347	RGB 156 83 71	#9C5347
50.0%	50.0% #95463C	RGB 149 70 60	#95463C
66.7%	66.7% #8E3A30	RGB 142 58 48	#8E3A30
83.3%	83.3% #872D25	RGB 135 45 37	#872D25
100.0%	100.0% #80211A	RGB 128 33 26	#80211A

#AA6C5E #A35F52 #9C5347 #95463C #8E3A30 #872D25 #80211A

#AA6C5E - #80211A

HSV Blend

#AA6C5E - #80211A | 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 #AA6C5E as 0% and #80211A as 100%.

0.0%	0.0% #AA6C5E	RGB 170 108 94	#AA6C5E
16.7%	16.7% #A35E50	RGB 163 94 80	#A35E50
33.3%	33.3% #9C5044	RGB 156 80 68	#9C5044
50.0%	50.0% #954438	RGB 149 68 56	#954438
66.7%	66.7% #8E372D	RGB 142 55 45	#8E372D
83.3%	83.3% #872C23	RGB 135 44 35	#872C23
100.0%	100.0% #80211A	RGB 128 33 26	#80211A

#AA6C5E #A35E50 #9C5044 #954438 #8E372D #872C23 #80211A

#AA6C5E - #954438 - #80211A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA6C5E 0%, #954438 50%, #80211A 100%);
    background: -webkit-linear-gradient(top, #AA6C5E 0%, #954438 50%, #80211A 100%);
    background: linear-gradient(to bottom, #AA6C5E 0%, #954438 50%, #80211A 100%);
}
</style>