#AA6B7D - #E6D4D9 | 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 #AA6B7D to #E6D4D9

#AA6B7D #E6D4D9

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

#AA6B7D - #E6D4D9 | 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 #AA6B7D as 0% and #E6D4D9 as 100%.

0.0%	0.0% #AA6B7D	RGB 170 107 125	#AA6B7D
16.7%	16.7% #B47C8C	RGB 180 124 140	#B47C8C
33.3%	33.3% #BE8E9B	RGB 190 142 155	#BE8E9B
50.0%	50.0% #C89FAB	RGB 200 159 171	#C89FAB
66.7%	66.7% #D2B1BA	RGB 210 177 186	#D2B1BA
83.3%	83.3% #DCC2C9	RGB 220 194 201	#DCC2C9
100.0%	100.0% #E6D4D9	RGB 230 212 217	#E6D4D9

#AA6B7D #B47C8C #BE8E9B #C89FAB #D2B1BA #DCC2C9 #E6D4D9

#AA6B7D - #E6D4D9

HSV Blend

#AA6B7D - #E6D4D9 | 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 #AA6B7D as 0% and #E6D4D9 as 100%.

0.0%	0.0% #AA6B7D	RGB 170 107 125	#AA6B7D
16.7%	16.7% #B47A8A	RGB 180 122 138	#B47A8A
33.3%	33.3% #BE8A98	RGB 190 138 152	#BE8A98
50.0%	50.0% #C89BA7	RGB 200 155 167	#C89BA7
66.7%	66.7% #D2ADB7	RGB 210 173 183	#D2ADB7
83.3%	83.3% #DCC0C7	RGB 220 192 199	#DCC0C7
100.0%	100.0% #E6D4D9	RGB 230 212 217	#E6D4D9

#AA6B7D #B47A8A #BE8A98 #C89BA7 #D2ADB7 #DCC0C7 #E6D4D9

#AA6B7D - #C89BA7 - #E6D4D9

CSS codes

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

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