#AA1DA7 - #E6BEE5 | 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 #AA1DA7 to #E6BEE5

#AA1DA7 #E6BEE5

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

#AA1DA7 - #E6BEE5 | 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 #AA1DA7 as 0% and #E6BEE5 as 100%.

0.0%	0.0% #AA1DA7	RGB 170 29 167	#AA1DA7
16.7%	16.7% #B437B1	RGB 180 55 177	#B437B1
33.3%	33.3% #BE52BB	RGB 190 82 187	#BE52BB
50.0%	50.0% #C86DC6	RGB 200 109 198	#C86DC6
66.7%	66.7% #D288D0	RGB 210 136 208	#D288D0
83.3%	83.3% #DCA3DA	RGB 220 163 218	#DCA3DA
100.0%	100.0% #E6BEE5	RGB 230 190 229	#E6BEE5

#AA1DA7 #B437B1 #BE52BB #C86DC6 #D288D0 #DCA3DA #E6BEE5

#AA1DA7 - #E6BEE5

HSV Blend

#AA1DA7 - #E6BEE5 | 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 #AA1DA7 as 0% and #E6BEE5 as 100%.

0.0%	0.0% #AA1DA7	RGB 170 29 167	#AA1DA7
16.7%	16.7% #B432B1	RGB 180 50 177	#B432B1
33.3%	33.3% #BE49BB	RGB 190 73 187	#BE49BB
50.0%	50.0% #C863C5	RGB 200 99 197	#C863C5
66.7%	66.7% #D27FD0	RGB 210 127 208	#D27FD0
83.3%	83.3% #DC9DDA	RGB 220 157 218	#DC9DDA
100.0%	100.0% #E6BEE5	RGB 230 190 229	#E6BEE5

#AA1DA7 #B432B1 #BE49BB #C863C5 #D27FD0 #DC9DDA #E6BEE5

#AA1DA7 - #C863C5 - #E6BEE5

CSS codes

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

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