#AA916D - #E6DFD5 | 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 #AA916D to #E6DFD5

#AA916D #E6DFD5

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

#AA916D - #E6DFD5 | 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 #AA916D as 0% and #E6DFD5 as 100%.

0.0%	0.0% #AA916D	RGB 170 145 109	#AA916D
16.7%	16.7% #B49E7E	RGB 180 158 126	#B49E7E
33.3%	33.3% #BEAB8F	RGB 190 171 143	#BEAB8F
50.0%	50.0% #C8B8A1	RGB 200 184 161	#C8B8A1
66.7%	66.7% #D2C5B2	RGB 210 197 178	#D2C5B2
83.3%	83.3% #DCD2C3	RGB 220 210 195	#DCD2C3
100.0%	100.0% #E6DFD5	RGB 230 223 213	#E6DFD5

#AA916D #B49E7E #BEAB8F #C8B8A1 #D2C5B2 #DCD2C3 #E6DFD5

#AA916D - #E6DFD5

HSV Blend

#AA916D - #E6DFD5 | 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 #AA916D as 0% and #E6DFD5 as 100%.

0.0%	0.0% #AA916D	RGB 170 145 109	#AA916D
16.7%	16.7% #B49D7B	RGB 180 157 123	#B49D7B
33.3%	33.3% #BEA98B	RGB 190 169 139	#BEA98B
50.0%	50.0% #C8B69C	RGB 200 182 156	#C8B69C
66.7%	66.7% #D2C3AE	RGB 210 195 174	#D2C3AE
83.3%	83.3% #DCD1C1	RGB 220 209 193	#DCD1C1
100.0%	100.0% #E6DFD5	RGB 230 223 213	#E6DFD5

#AA916D #B49D7B #BEA98B #C8B69C #D2C3AE #DCD1C1 #E6DFD5

#AA916D - #C8B69C - #E6DFD5

CSS codes

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

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