#E9DAFF - #AA8DD8 | 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 #E9DAFF to #AA8DD8

#E9DAFF #AA8DD8

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

#E9DAFF - #AA8DD8 | 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 #E9DAFF as 0% and #AA8DD8 as 100%.

0.0%	0.0% #E9DAFF	RGB 233 218 255	#E9DAFF
16.7%	16.7% #DECDF8	RGB 222 205 248	#DECDF8
33.3%	33.3% #D4C0F2	RGB 212 192 242	#D4C0F2
50.0%	50.0% #C9B3EB	RGB 201 179 235	#C9B3EB
66.7%	66.7% #BFA6E5	RGB 191 166 229	#BFA6E5
83.3%	83.3% #B499DE	RGB 180 153 222	#B499DE
100.0%	100.0% #AA8DD8	RGB 170 141 216	#AA8DD8

#E9DAFF #DECDF8 #D4C0F2 #C9B3EB #BFA6E5 #B499DE #AA8DD8

#E9DAFF - #AA8DD8

HSV Blend

#E9DAFF - #AA8DD8 | 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 #E9DAFF as 0% and #AA8DD8 as 100%.

0.0%	0.0% #E9DAFF	RGB 233 218 255	#E9DAFF
16.7%	16.7% #DDCCF8	RGB 221 204 248	#DDCCF8
33.3%	33.3% #D3BEF2	RGB 211 190 242	#D3BEF2
50.0%	50.0% #C8B1EB	RGB 200 177 235	#C8B1EB
66.7%	66.7% #BEA4E5	RGB 190 164 229	#BEA4E5
83.3%	83.3% #B398DE	RGB 179 152 222	#B398DE
100.0%	100.0% #AA8DD8	RGB 170 141 216	#AA8DD8

#E9DAFF #DDCCF8 #D3BEF2 #C8B1EB #BEA4E5 #B398DE #AA8DD8

#E9DAFF - #C8B1EB - #AA8DD8

CSS codes

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

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