#EDE6FF - #AA92CD | 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 #EDE6FF to #AA92CD

#EDE6FF #AA92CD

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

#EDE6FF - #AA92CD | 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 #EDE6FF as 0% and #AA92CD as 100%.

0.0%	0.0% #EDE6FF	RGB 237 230 255	#EDE6FF
16.7%	16.7% #E1D8F6	RGB 225 216 246	#E1D8F6
33.3%	33.3% #D6CAEE	RGB 214 202 238	#D6CAEE
50.0%	50.0% #CBBCE6	RGB 203 188 230	#CBBCE6
66.7%	66.7% #C0AEDD	RGB 192 174 221	#C0AEDD
83.3%	83.3% #B5A0D5	RGB 181 160 213	#B5A0D5
100.0%	100.0% #AA92CD	RGB 170 146 205	#AA92CD

#EDE6FF #E1D8F6 #D6CAEE #CBBCE6 #C0AEDD #B5A0D5 #AA92CD

#EDE6FF - #AA92CD

HSV Blend

#EDE6FF - #AA92CD | 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 #EDE6FF as 0% and #AA92CD as 100%.

0.0%	0.0% #EDE6FF	RGB 237 230 255	#EDE6FF
16.7%	16.7% #E0D6F6	RGB 224 214 246	#E0D6F6
33.3%	33.3% #D4C7EE	RGB 212 199 238	#D4C7EE
50.0%	50.0% #C8B9E6	RGB 200 185 230	#C8B9E6
66.7%	66.7% #BEABDD	RGB 190 171 221	#BEABDD
83.3%	83.3% #B39ED5	RGB 179 158 213	#B39ED5
100.0%	100.0% #AA92CD	RGB 170 146 205	#AA92CD

#EDE6FF #E0D6F6 #D4C7EE #C8B9E6 #BEABDD #B39ED5 #AA92CD

#EDE6FF - #C8B9E6 - #AA92CD

CSS codes

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

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