#AA9BCD - #E6BAFF | 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 #AA9BCD to #E6BAFF

#AA9BCD #E6BAFF

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

#AA9BCD - #E6BAFF | 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 #AA9BCD as 0% and #E6BAFF as 100%.

0.0%	0.0% #AA9BCD	RGB 170 155 205	#AA9BCD
16.7%	16.7% #B4A0D5	RGB 180 160 213	#B4A0D5
33.3%	33.3% #BEA5DD	RGB 190 165 221	#BEA5DD
50.0%	50.0% #C8AAE6	RGB 200 170 230	#C8AAE6
66.7%	66.7% #D2AFEE	RGB 210 175 238	#D2AFEE
83.3%	83.3% #DCB4F6	RGB 220 180 246	#DCB4F6
100.0%	100.0% #E6BAFF	RGB 230 186 255	#E6BAFF

#AA9BCD #B4A0D5 #BEA5DD #C8AAE6 #D2AFEE #DCB4F6 #E6BAFF

#AA9BCD - #E6BAFF

HSV Blend

#AA9BCD - #E6BAFF | 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 #AA9BCD as 0% and #E6BAFF as 100%.

0.0%	0.0% #AA9BCD	RGB 170 155 205	#AA9BCD
16.7%	16.7% #B3A0D5	RGB 179 160 213	#B3A0D5
33.3%	33.3% #BCA5DD	RGB 188 165 221	#BCA5DD
50.0%	50.0% #C6AAE6	RGB 198 170 230	#C6AAE6
66.7%	66.7% #D0AFEE	RGB 208 175 238	#D0AFEE
83.3%	83.3% #DBB5F6	RGB 219 181 246	#DBB5F6
100.0%	100.0% #E6BAFF	RGB 230 186 255	#E6BAFF

#AA9BCD #B3A0D5 #BCA5DD #C6AAE6 #D0AFEE #DBB5F6 #E6BAFF

#AA9BCD - #C6AAE6 - #E6BAFF

CSS codes

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

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