#AA90C2 - #E6DFED | 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 #AA90C2 to #E6DFED

#AA90C2 #E6DFED

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

#AA90C2 - #E6DFED | 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 #AA90C2 as 0% and #E6DFED as 100%.

0.0%	0.0% #AA90C2	RGB 170 144 194	#AA90C2
16.7%	16.7% #B49DC9	RGB 180 157 201	#B49DC9
33.3%	33.3% #BEAAD0	RGB 190 170 208	#BEAAD0
50.0%	50.0% #C8B7D7	RGB 200 183 215	#C8B7D7
66.7%	66.7% #D2C4DE	RGB 210 196 222	#D2C4DE
83.3%	83.3% #DCD1E5	RGB 220 209 229	#DCD1E5
100.0%	100.0% #E6DFED	RGB 230 223 237	#E6DFED

#AA90C2 #B49DC9 #BEAAD0 #C8B7D7 #D2C4DE #DCD1E5 #E6DFED

#AA90C2 - #E6DFED

HSV Blend

#AA90C2 - #E6DFED | 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 #AA90C2 as 0% and #E6DFED as 100%.

0.0%	0.0% #AA90C2	RGB 170 144 194	#AA90C2
16.7%	16.7% #B39BC9	RGB 179 155 201	#B39BC9
33.3%	33.3% #BCA8D0	RGB 188 168 208	#BCA8D0
50.0%	50.0% #C6B5D7	RGB 198 181 215	#C6B5D7
66.7%	66.7% #D0C2DE	RGB 208 194 222	#D0C2DE
83.3%	83.3% #DBD0E5	RGB 219 208 229	#DBD0E5
100.0%	100.0% #E6DFED	RGB 230 223 237	#E6DFED

#AA90C2 #B39BC9 #BCA8D0 #C6B5D7 #D0C2DE #DBD0E5 #E6DFED

#AA90C2 - #C6B5D7 - #E6DFED

CSS codes

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

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