#EDC5C9 - #DB717C | 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 #EDC5C9 to #DB717C

#EDC5C9 #DB717C

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

#EDC5C9 - #DB717C | 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 #EDC5C9 as 0% and #DB717C as 100%.

0.0%	0.0% #EDC5C9	RGB 237 197 201	#EDC5C9
16.7%	16.7% #EAB7BC	RGB 234 183 188	#EAB7BC
33.3%	33.3% #E7A9AF	RGB 231 169 175	#E7A9AF
50.0%	50.0% #E49BA2	RGB 228 155 162	#E49BA2
66.7%	66.7% #E18D95	RGB 225 141 149	#E18D95
83.3%	83.3% #DE7F88	RGB 222 127 136	#DE7F88
100.0%	100.0% #DB717C	RGB 219 113 124	#DB717C

#EDC5C9 #EAB7BC #E7A9AF #E49BA2 #E18D95 #DE7F88 #DB717C

#EDC5C9 - #DB717C

HSV Blend

#EDC5C9 - #DB717C | 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 #EDC5C9 as 0% and #DB717C as 100%.

0.0%	0.0% #EDC5C9	RGB 237 197 201	#EDC5C9
16.7%	16.7% #EAB6BB	RGB 234 182 187	#EAB6BB
33.3%	33.3% #E7A7AE	RGB 231 167 174	#E7A7AE
50.0%	50.0% #E499A1	RGB 228 153 161	#E499A1
66.7%	66.7% #E18B94	RGB 225 139 148	#E18B94
83.3%	83.3% #DE7E88	RGB 222 126 136	#DE7E88
100.0%	100.0% #DB717C	RGB 219 113 124	#DB717C

#EDC5C9 #EAB6BB #E7A7AE #E499A1 #E18B94 #DE7E88 #DB717C

#EDC5C9 - #E499A1 - #DB717C

CSS codes

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

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