#EDCDC5 - #DB8571 | 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 #EDCDC5 to #DB8571

#EDCDC5 #DB8571

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

#EDCDC5 - #DB8571 | 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 #EDCDC5 as 0% and #DB8571 as 100%.

0.0%	0.0% #EDCDC5	RGB 237 205 197	#EDCDC5
16.7%	16.7% #EAC1B7	RGB 234 193 183	#EAC1B7
33.3%	33.3% #E7B5A9	RGB 231 181 169	#E7B5A9
50.0%	50.0% #E4A99B	RGB 228 169 155	#E4A99B
66.7%	66.7% #E19D8D	RGB 225 157 141	#E19D8D
83.3%	83.3% #DE917F	RGB 222 145 127	#DE917F
100.0%	100.0% #DB8571	RGB 219 133 113	#DB8571

#EDCDC5 #EAC1B7 #E7B5A9 #E4A99B #E19D8D #DE917F #DB8571

#EDCDC5 - #DB8571

HSV Blend

#EDCDC5 - #DB8571 | 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 #EDCDC5 as 0% and #DB8571 as 100%.

0.0%	0.0% #EDCDC5	RGB 237 205 197	#EDCDC5
16.7%	16.7% #EAC0B6	RGB 234 192 182	#EAC0B6
33.3%	33.3% #E7B4A7	RGB 231 180 167	#E7B4A7
50.0%	50.0% #E4A899	RGB 228 168 153	#E4A899
66.7%	66.7% #E19C8B	RGB 225 156 139	#E19C8B
83.3%	83.3% #DE907E	RGB 222 144 126	#DE907E
100.0%	100.0% #DB8571	RGB 219 133 113	#DB8571

#EDCDC5 #EAC0B6 #E7B4A7 #E4A899 #E19C8B #DE907E #DB8571

#EDCDC5 - #E4A899 - #DB8571

CSS codes

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

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