#AA8F88 - #8C4934 | 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 #AA8F88 to #8C4934

#AA8F88 #8C4934

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

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

0.0%	0.0% #AA8F88	RGB 170 143 136	#AA8F88
16.7%	16.7% #A5837A	RGB 165 131 122	#A5837A
33.3%	33.3% #A0776C	RGB 160 119 108	#A0776C
50.0%	50.0% #9B6C5E	RGB 155 108 94	#9B6C5E
66.7%	66.7% #966050	RGB 150 96 80	#966050
83.3%	83.3% #915442	RGB 145 84 66	#915442
100.0%	100.0% #8C4934	RGB 140 73 52	#8C4934

#AA8F88 #A5837A #A0776C #9B6C5E #966050 #915442 #8C4934

#AA8F88 - #8C4934

HSV Blend

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

0.0%	0.0% #AA8F88	RGB 170 143 136	#AA8F88
16.7%	16.7% #A58178	RGB 165 129 120	#A58178
33.3%	33.3% #A07569	RGB 160 117 105	#A07569
50.0%	50.0% #9B695A	RGB 155 105 90	#9B695A
66.7%	66.7% #965D4D	RGB 150 93 77	#965D4D
83.3%	83.3% #915340	RGB 145 83 64	#915340
100.0%	100.0% #8C4934	RGB 140 73 52	#8C4934

#AA8F88 #A58178 #A07569 #9B695A #965D4D #915340 #8C4934

#AA8F88 - #9B695A - #8C4934

CSS codes

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

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