#EDC0D8 - #DC6BA5 | 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 #EDC0D8 to #DC6BA5

#EDC0D8 #DC6BA5

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

#EDC0D8 - #DC6BA5 | 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 #EDC0D8 as 0% and #DC6BA5 as 100%.

0.0%	0.0% #EDC0D8	RGB 237 192 216	#EDC0D8
16.7%	16.7% #EAB1CF	RGB 234 177 207	#EAB1CF
33.3%	33.3% #E7A3C7	RGB 231 163 199	#E7A3C7
50.0%	50.0% #E495BE	RGB 228 149 190	#E495BE
66.7%	66.7% #E187B6	RGB 225 135 182	#E187B6
83.3%	83.3% #DE79AD	RGB 222 121 173	#DE79AD
100.0%	100.0% #DC6BA5	RGB 220 107 165	#DC6BA5

#EDC0D8 #EAB1CF #E7A3C7 #E495BE #E187B6 #DE79AD #DC6BA5

#EDC0D8 - #DC6BA5

HSV Blend

#EDC0D8 - #DC6BA5 | 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 #EDC0D8 as 0% and #DC6BA5 as 100%.

0.0%	0.0% #EDC0D8	RGB 237 192 216	#EDC0D8
16.7%	16.7% #EAB1CF	RGB 234 177 207	#EAB1CF
33.3%	33.3% #E7A2C6	RGB 231 162 198	#E7A2C6
50.0%	50.0% #E494BE	RGB 228 148 190	#E494BE
66.7%	66.7% #E186B5	RGB 225 134 181	#E186B5
83.3%	83.3% #DE78AD	RGB 222 120 173	#DE78AD
100.0%	100.0% #DC6BA5	RGB 220 107 165	#DC6BA5

#EDC0D8 #EAB1CF #E7A2C6 #E494BE #E186B5 #DE78AD #DC6BA5

#EDC0D8 - #E494BE - #DC6BA5

CSS codes

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

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