#AA8F7E - #884D2D | 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 #AA8F7E to #884D2D

#AA8F7E #884D2D

Calculate the color between two colors, #AA8F7E and #884D2D. 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)

#AA8F7E - #884D2D | 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 #AA8F7E as 0% and #884D2D as 100%.

0.0%	0.0% #AA8F7E	RGB 170 143 126	#AA8F7E
16.7%	16.7% #A48470	RGB 164 132 112	#A48470
33.3%	33.3% #9E7963	RGB 158 121 99	#9E7963
50.0%	50.0% #996E55	RGB 153 110 85	#996E55
66.7%	66.7% #936348	RGB 147 99 72	#936348
83.3%	83.3% #8D583A	RGB 141 88 58	#8D583A
100.0%	100.0% #884D2D	RGB 136 77 45	#884D2D

#AA8F7E #A48470 #9E7963 #996E55 #936348 #8D583A #884D2D

#AA8F7E - #884D2D

HSV Blend

#AA8F7E - #884D2D | 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 #AA8F7E as 0% and #884D2D as 100%.

0.0%	0.0% #AA8F7E	RGB 170 143 126	#AA8F7E
16.7%	16.7% #A4836E	RGB 164 131 110	#A4836E
33.3%	33.3% #9E775F	RGB 158 119 95	#9E775F
50.0%	50.0% #996C52	RGB 153 108 82	#996C52
66.7%	66.7% #936144	RGB 147 97 68	#936144
83.3%	83.3% #8D5638	RGB 141 86 56	#8D5638
100.0%	100.0% #884D2D	RGB 136 77 45	#884D2D

#AA8F7E #A4836E #9E775F #996C52 #936144 #8D5638 #884D2D

#AA8F7E - #996C52 - #884D2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8F7E 0%, #996C52 50%, #884D2D 100%);
    background: -webkit-linear-gradient(top, #AA8F7E 0%, #996C52 50%, #884D2D 100%);
    background: linear-gradient(to bottom, #AA8F7E 0%, #996C52 50%, #884D2D 100%);
}
</style>