#AA6F7B - #E6D5D8 | 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 #AA6F7B to #E6D5D8

#AA6F7B #E6D5D8

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

#AA6F7B - #E6D5D8 | 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 #AA6F7B as 0% and #E6D5D8 as 100%.

0.0%	0.0% #AA6F7B	RGB 170 111 123	#AA6F7B
16.7%	16.7% #B4808A	RGB 180 128 138	#B4808A
33.3%	33.3% #BE919A	RGB 190 145 154	#BE919A
50.0%	50.0% #C8A2A9	RGB 200 162 169	#C8A2A9
66.7%	66.7% #D2B3B9	RGB 210 179 185	#D2B3B9
83.3%	83.3% #DCC4C8	RGB 220 196 200	#DCC4C8
100.0%	100.0% #E6D5D8	RGB 230 213 216	#E6D5D8

#AA6F7B #B4808A #BE919A #C8A2A9 #D2B3B9 #DCC4C8 #E6D5D8

#AA6F7B - #E6D5D8

HSV Blend

#AA6F7B - #E6D5D8 | 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 #AA6F7B as 0% and #E6D5D8 as 100%.

0.0%	0.0% #AA6F7B	RGB 170 111 123	#AA6F7B
16.7%	16.7% #B47D88	RGB 180 125 136	#B47D88
33.3%	33.3% #BE8D96	RGB 190 141 150	#BE8D96
50.0%	50.0% #C89DA5	RGB 200 157 165	#C89DA5
66.7%	66.7% #D2AFB5	RGB 210 175 181	#D2AFB5
83.3%	83.3% #DCC1C6	RGB 220 193 198	#DCC1C6
100.0%	100.0% #E6D5D8	RGB 230 213 216	#E6D5D8

#AA6F7B #B47D88 #BE8D96 #C89DA5 #D2AFB5 #DCC1C6 #E6D5D8

#AA6F7B - #C89DA5 - #E6D5D8

CSS codes

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

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