#EDC9FF - #D96FDB | 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 #EDC9FF to #D96FDB

#EDC9FF #D96FDB

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

#EDC9FF - #D96FDB | 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 #EDC9FF as 0% and #D96FDB as 100%.

0.0%	0.0% #EDC9FF	RGB 237 201 255	#EDC9FF
16.7%	16.7% #E9BAF9	RGB 233 186 249	#E9BAF9
33.3%	33.3% #E6ABF3	RGB 230 171 243	#E6ABF3
50.0%	50.0% #E39CED	RGB 227 156 237	#E39CED
66.7%	66.7% #DF8DE7	RGB 223 141 231	#DF8DE7
83.3%	83.3% #DC7EE1	RGB 220 126 225	#DC7EE1
100.0%	100.0% #D96FDB	RGB 217 111 219	#D96FDB

#EDC9FF #E9BAF9 #E6ABF3 #E39CED #DF8DE7 #DC7EE1 #D96FDB

#EDC9FF - #D96FDB

HSV Blend

#EDC9FF - #D96FDB | 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 #EDC9FF as 0% and #D96FDB as 100%.

0.0%	0.0% #EDC9FF	RGB 237 201 255	#EDC9FF
16.7%	16.7% #E6B8F9	RGB 230 184 249	#E6B8F9
33.3%	33.3% #E2A8F3	RGB 226 168 243	#E2A8F3
50.0%	50.0% #DE99ED	RGB 222 153 237	#DE99ED
66.7%	66.7% #DB8AE7	RGB 219 138 231	#DB8AE7
83.3%	83.3% #D97CE1	RGB 217 124 225	#D97CE1
100.0%	100.0% #D96FDB	RGB 217 111 219	#D96FDB

#EDC9FF #E6B8F9 #E2A8F3 #DE99ED #DB8AE7 #D97CE1 #D96FDB

#EDC9FF - #DE99ED - #D96FDB

CSS codes

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

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