#AA9AD4 - #E6E2F2 | 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 #AA9AD4 to #E6E2F2

#AA9AD4 #E6E2F2

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

#AA9AD4 - #E6E2F2 | 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 #AA9AD4 as 0% and #E6E2F2 as 100%.

0.0%	0.0% #AA9AD4	RGB 170 154 212	#AA9AD4
16.7%	16.7% #B4A6D9	RGB 180 166 217	#B4A6D9
33.3%	33.3% #BEB2DE	RGB 190 178 222	#BEB2DE
50.0%	50.0% #C8BEE3	RGB 200 190 227	#C8BEE3
66.7%	66.7% #D2CAE8	RGB 210 202 232	#D2CAE8
83.3%	83.3% #DCD6ED	RGB 220 214 237	#DCD6ED
100.0%	100.0% #E6E2F2	RGB 230 226 242	#E6E2F2

#AA9AD4 #B4A6D9 #BEB2DE #C8BEE3 #D2CAE8 #DCD6ED #E6E2F2

#AA9AD4 - #E6E2F2

HSV Blend

#AA9AD4 - #E6E2F2 | 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 #AA9AD4 as 0% and #E6E2F2 as 100%.

0.0%	0.0% #AA9AD4	RGB 170 154 212	#AA9AD4
16.7%	16.7% #B3A5D9	RGB 179 165 217	#B3A5D9
33.3%	33.3% #BCB0DE	RGB 188 176 222	#BCB0DE
50.0%	50.0% #C6BCE3	RGB 198 188 227	#C6BCE3
66.7%	66.7% #D0C8E8	RGB 208 200 232	#D0C8E8
83.3%	83.3% #DBD5ED	RGB 219 213 237	#DBD5ED
100.0%	100.0% #E6E2F2	RGB 230 226 242	#E6E2F2

#AA9AD4 #B3A5D9 #BCB0DE #C6BCE3 #D0C8E8 #DBD5ED #E6E2F2

#AA9AD4 - #C6BCE3 - #E6E2F2

CSS codes

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

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