#E9CDF3 - #AA6FBC | 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 #E9CDF3 to #AA6FBC

#E9CDF3 #AA6FBC

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

#E9CDF3 - #AA6FBC | 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 #E9CDF3 as 0% and #AA6FBC as 100%.

0.0%	0.0% #E9CDF3	RGB 233 205 243	#E9CDF3
16.7%	16.7% #DEBDE9	RGB 222 189 233	#DEBDE9
33.3%	33.3% #D4ADE0	RGB 212 173 224	#D4ADE0
50.0%	50.0% #C99ED7	RGB 201 158 215	#C99ED7
66.7%	66.7% #BF8ECE	RGB 191 142 206	#BF8ECE
83.3%	83.3% #B47EC5	RGB 180 126 197	#B47EC5
100.0%	100.0% #AA6FBC	RGB 170 111 188	#AA6FBC

#E9CDF3 #DEBDE9 #D4ADE0 #C99ED7 #BF8ECE #B47EC5 #AA6FBC

#E9CDF3 - #AA6FBC

HSV Blend

#E9CDF3 - #AA6FBC | 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 #E9CDF3 as 0% and #AA6FBC as 100%.

0.0%	0.0% #E9CDF3	RGB 233 205 243	#E9CDF3
16.7%	16.7% #DDBBE9	RGB 221 187 233	#DDBBE9
33.3%	33.3% #D2AAE0	RGB 210 170 224	#D2AAE0
50.0%	50.0% #C89AD7	RGB 200 154 215	#C89AD7
66.7%	66.7% #BD8BCE	RGB 189 139 206	#BD8BCE
83.3%	83.3% #B37CC5	RGB 179 124 197	#B37CC5
100.0%	100.0% #AA6FBC	RGB 170 111 188	#AA6FBC

#E9CDF3 #DDBBE9 #D2AAE0 #C89AD7 #BD8BCE #B37CC5 #AA6FBC

#E9CDF3 - #C89AD7 - #AA6FBC

CSS codes

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

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