#EDC0ED - #D76AD1 | 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 #EDC0ED to #D76AD1

#EDC0ED #D76AD1

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

#EDC0ED - #D76AD1 | 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 #EDC0ED as 0% and #D76AD1 as 100%.

0.0%	0.0% #EDC0ED	RGB 237 192 237	#EDC0ED
16.7%	16.7% #E9B1E8	RGB 233 177 232	#E9B1E8
33.3%	33.3% #E5A3E3	RGB 229 163 227	#E5A3E3
50.0%	50.0% #E295DF	RGB 226 149 223	#E295DF
66.7%	66.7% #DE86DA	RGB 222 134 218	#DE86DA
83.3%	83.3% #DA78D5	RGB 218 120 213	#DA78D5
100.0%	100.0% #D76AD1	RGB 215 106 209	#D76AD1

#EDC0ED #E9B1E8 #E5A3E3 #E295DF #DE86DA #DA78D5 #D76AD1

#EDC0ED - #D76AD1

HSV Blend

#EDC0ED - #D76AD1 | 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 #EDC0ED as 0% and #D76AD1 as 100%.

0.0%	0.0% #EDC0ED	RGB 237 192 237	#EDC0ED
16.7%	16.7% #E9B0E8	RGB 233 176 232	#E9B0E8
33.3%	33.3% #E5A1E4	RGB 229 161 228	#E5A1E4
50.0%	50.0% #E293DF	RGB 226 147 223	#E293DF
66.7%	66.7% #DE85DB	RGB 222 133 219	#DE85DB
83.3%	83.3% #DA77D6	RGB 218 119 214	#DA77D6
100.0%	100.0% #D76AD1	RGB 215 106 209	#D76AD1

#EDC0ED #E9B0E8 #E5A1E4 #E293DF #DE85DB #DA77D6 #D76AD1

#EDC0ED - #E293DF - #D76AD1

CSS codes

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

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