#EDE6FD - #AA93C9 | 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 #EDE6FD to #AA93C9

#EDE6FD #AA93C9

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

#EDE6FD - #AA93C9 | 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 #EDE6FD as 0% and #AA93C9 as 100%.

0.0%	0.0% #EDE6FD	RGB 237 230 253	#EDE6FD
16.7%	16.7% #E1D8F4	RGB 225 216 244	#E1D8F4
33.3%	33.3% #D6CAEB	RGB 214 202 235	#D6CAEB
50.0%	50.0% #CBBCE3	RGB 203 188 227	#CBBCE3
66.7%	66.7% #C0AEDA	RGB 192 174 218	#C0AEDA
83.3%	83.3% #B5A0D1	RGB 181 160 209	#B5A0D1
100.0%	100.0% #AA93C9	RGB 170 147 201	#AA93C9

#EDE6FD #E1D8F4 #D6CAEB #CBBCE3 #C0AEDA #B5A0D1 #AA93C9

#EDE6FD - #AA93C9

HSV Blend

#EDE6FD - #AA93C9 | 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 #EDE6FD as 0% and #AA93C9 as 100%.

0.0%	0.0% #EDE6FD	RGB 237 230 253	#EDE6FD
16.7%	16.7% #E0D6F4	RGB 224 214 244	#E0D6F4
33.3%	33.3% #D4C8EB	RGB 212 200 235	#D4C8EB
50.0%	50.0% #C9BAE3	RGB 201 186 227	#C9BAE3
66.7%	66.7% #BEACDA	RGB 190 172 218	#BEACDA
83.3%	83.3% #B39FD1	RGB 179 159 209	#B39FD1
100.0%	100.0% #AA93C9	RGB 170 147 201	#AA93C9

#EDE6FD #E0D6F4 #D4C8EB #C9BAE3 #BEACDA #B39FD1 #AA93C9

#EDE6FD - #C9BAE3 - #AA93C9

CSS codes

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

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