#AA816F - #E6DAD5 | 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 #AA816F to #E6DAD5

#AA816F #E6DAD5

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

#AA816F - #E6DAD5 | 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 #AA816F as 0% and #E6DAD5 as 100%.

0.0%	0.0% #AA816F	RGB 170 129 111	#AA816F
16.7%	16.7% #B48F80	RGB 180 143 128	#B48F80
33.3%	33.3% #BE9E91	RGB 190 158 145	#BE9E91
50.0%	50.0% #C8ADA2	RGB 200 173 162	#C8ADA2
66.7%	66.7% #D2BCB3	RGB 210 188 179	#D2BCB3
83.3%	83.3% #DCCBC4	RGB 220 203 196	#DCCBC4
100.0%	100.0% #E6DAD5	RGB 230 218 213	#E6DAD5

#AA816F #B48F80 #BE9E91 #C8ADA2 #D2BCB3 #DCCBC4 #E6DAD5

#AA816F - #E6DAD5

HSV Blend

#AA816F - #E6DAD5 | 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 #AA816F as 0% and #E6DAD5 as 100%.

0.0%	0.0% #AA816F	RGB 170 129 111	#AA816F
16.7%	16.7% #B48E7D	RGB 180 142 125	#B48E7D
33.3%	33.3% #BE9C8D	RGB 190 156 141	#BE9C8D
50.0%	50.0% #C8AA9D	RGB 200 170 157	#C8AA9D
66.7%	66.7% #D2B9AF	RGB 210 185 175	#D2B9AF
83.3%	83.3% #DCC9C1	RGB 220 201 193	#DCC9C1
100.0%	100.0% #E6DAD5	RGB 230 218 213	#E6DAD5

#AA816F #B48E7D #BE9C8D #C8AA9D #D2B9AF #DCC9C1 #E6DAD5

#AA816F - #C8AA9D - #E6DAD5

CSS codes

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

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