#AA8DF5 - #E6DEFC | 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 #AA8DF5 to #E6DEFC

#AA8DF5 #E6DEFC

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

#AA8DF5 - #E6DEFC | 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 #AA8DF5 as 0% and #E6DEFC as 100%.

0.0%	0.0% #AA8DF5	RGB 170 141 245	#AA8DF5
16.7%	16.7% #B49AF6	RGB 180 154 246	#B49AF6
33.3%	33.3% #BEA8F7	RGB 190 168 247	#BEA8F7
50.0%	50.0% #C8B5F8	RGB 200 181 248	#C8B5F8
66.7%	66.7% #D2C3F9	RGB 210 195 249	#D2C3F9
83.3%	83.3% #DCD0FA	RGB 220 208 250	#DCD0FA
100.0%	100.0% #E6DEFC	RGB 230 222 252	#E6DEFC

#AA8DF5 #B49AF6 #BEA8F7 #C8B5F8 #D2C3F9 #DCD0FA #E6DEFC

#AA8DF5 - #E6DEFC

HSV Blend

#AA8DF5 - #E6DEFC | 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 #AA8DF5 as 0% and #E6DEFC as 100%.

0.0%	0.0% #AA8DF5	RGB 170 141 245	#AA8DF5
16.7%	16.7% #B39AF6	RGB 179 154 246	#B39AF6
33.3%	33.3% #BDA7F7	RGB 189 167 247	#BDA7F7
50.0%	50.0% #C7B4F8	RGB 199 180 248	#C7B4F8
66.7%	66.7% #D1C2F9	RGB 209 194 249	#D1C2F9
83.3%	83.3% #DBD0FA	RGB 219 208 250	#DBD0FA
100.0%	100.0% #E6DEFC	RGB 230 222 252	#E6DEFC

#AA8DF5 #B39AF6 #BDA7F7 #C7B4F8 #D1C2F9 #DBD0FA #E6DEFC

#AA8DF5 - #C7B4F8 - #E6DEFC

CSS codes

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

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