#EDC7FF - #DA6FD7 | 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 #EDC7FF to #DA6FD7

#EDC7FF #DA6FD7

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

#EDC7FF - #DA6FD7 | 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 #EDC7FF as 0% and #DA6FD7 as 100%.

0.0%	0.0% #EDC7FF	RGB 237 199 255	#EDC7FF
16.7%	16.7% #E9B8F8	RGB 233 184 248	#E9B8F8
33.3%	33.3% #E6A9F1	RGB 230 169 241	#E6A9F1
50.0%	50.0% #E39BEB	RGB 227 155 235	#E39BEB
66.7%	66.7% #E08CE4	RGB 224 140 228	#E08CE4
83.3%	83.3% #DD7DDD	RGB 221 125 221	#DD7DDD
100.0%	100.0% #DA6FD7	RGB 218 111 215	#DA6FD7

#EDC7FF #E9B8F8 #E6A9F1 #E39BEB #E08CE4 #DD7DDD #DA6FD7

#EDC7FF - #DA6FD7

HSV Blend

#EDC7FF - #DA6FD7 | 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 #EDC7FF as 0% and #DA6FD7 as 100%.

0.0%	0.0% #EDC7FF	RGB 237 199 255	#EDC7FF
16.7%	16.7% #E7B6F8	RGB 231 182 248	#E7B6F8
33.3%	33.3% #E3A7F2	RGB 227 167 242	#E3A7F2
50.0%	50.0% #E098EC	RGB 224 152 236	#E098EC
66.7%	66.7% #DE8AE6	RGB 222 138 230	#DE8AE6
83.3%	83.3% #DD7CE0	RGB 221 124 224	#DD7CE0
100.0%	100.0% #DA6FD7	RGB 218 111 215	#DA6FD7

#EDC7FF #E7B6F8 #E3A7F2 #E098EC #DE8AE6 #DD7CE0 #DA6FD7

#EDC7FF - #E098EC - #DA6FD7

CSS codes

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

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