#AA8C3C - #E6DDC7 | 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 #AA8C3C to #E6DDC7

#AA8C3C #E6DDC7

Calculate the color between two colors, #AA8C3C and #E6DDC7. 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)

#AA8C3C - #E6DDC7 | 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 #AA8C3C as 0% and #E6DDC7 as 100%.

0.0%	0.0% #AA8C3C	RGB 170 140 60	#AA8C3C
16.7%	16.7% #B49953	RGB 180 153 83	#B49953
33.3%	33.3% #BEA76A	RGB 190 167 106	#BEA76A
50.0%	50.0% #C8B481	RGB 200 180 129	#C8B481
66.7%	66.7% #D2C298	RGB 210 194 152	#D2C298
83.3%	83.3% #DCCFAF	RGB 220 207 175	#DCCFAF
100.0%	100.0% #E6DDC7	RGB 230 221 199	#E6DDC7

#AA8C3C #B49953 #BEA76A #C8B481 #D2C298 #DCCFAF #E6DDC7

#AA8C3C - #E6DDC7

HSV Blend

#AA8C3C - #E6DDC7 | 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 #AA8C3C as 0% and #E6DDC7 as 100%.

0.0%	0.0% #AA8C3C	RGB 170 140 60	#AA8C3C
16.7%	16.7% #B4984E	RGB 180 152 78	#B4984E
33.3%	33.3% #BEA463	RGB 190 164 99	#BEA463
50.0%	50.0% #C8B179	RGB 200 177 121	#C8B179
66.7%	66.7% #D2BF91	RGB 210 191 145	#D2BF91
83.3%	83.3% #DCCEAB	RGB 220 206 171	#DCCEAB
100.0%	100.0% #E6DDC7	RGB 230 221 199	#E6DDC7

#AA8C3C #B4984E #BEA463 #C8B179 #D2BF91 #DCCEAB #E6DDC7

#AA8C3C - #C8B179 - #E6DDC7

CSS codes

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

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