#AA6E7B - #E6D5D9 | 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 #AA6E7B to #E6D5D9

#AA6E7B #E6D5D9

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

#AA6E7B - #E6D5D9 | 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 #AA6E7B as 0% and #E6D5D9 as 100%.

0.0%	0.0% #AA6E7B	RGB 170 110 123	#AA6E7B
16.7%	16.7% #B47F8A	RGB 180 127 138	#B47F8A
33.3%	33.3% #BE909A	RGB 190 144 154	#BE909A
50.0%	50.0% #C8A1AA	RGB 200 161 170	#C8A1AA
66.7%	66.7% #D2B2B9	RGB 210 178 185	#D2B2B9
83.3%	83.3% #DCC3C9	RGB 220 195 201	#DCC3C9
100.0%	100.0% #E6D5D9	RGB 230 213 217	#E6D5D9

#AA6E7B #B47F8A #BE909A #C8A1AA #D2B2B9 #DCC3C9 #E6D5D9

#AA6E7B - #E6D5D9

HSV Blend

#AA6E7B - #E6D5D9 | 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 #AA6E7B as 0% and #E6D5D9 as 100%.

0.0%	0.0% #AA6E7B	RGB 170 110 123	#AA6E7B
16.7%	16.7% #B47C88	RGB 180 124 136	#B47C88
33.3%	33.3% #BE8C97	RGB 190 140 151	#BE8C97
50.0%	50.0% #C89DA6	RGB 200 157 166	#C89DA6
66.7%	66.7% #D2AEB6	RGB 210 174 182	#D2AEB6
83.3%	83.3% #DCC1C7	RGB 220 193 199	#DCC1C7
100.0%	100.0% #E6D5D9	RGB 230 213 217	#E6D5D9

#AA6E7B #B47C88 #BE8C97 #C89DA6 #D2AEB6 #DCC1C7 #E6D5D9

#AA6E7B - #C89DA6 - #E6D5D9

CSS codes

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

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