#EDCAC3 - #DB806F | 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 #EDCAC3 to #DB806F

#EDCAC3 #DB806F

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

#EDCAC3 - #DB806F | 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 #EDCAC3 as 0% and #DB806F as 100%.

0.0%	0.0% #EDCAC3	RGB 237 202 195	#EDCAC3
16.7%	16.7% #EABDB5	RGB 234 189 181	#EABDB5
33.3%	33.3% #E7B1A7	RGB 231 177 167	#E7B1A7
50.0%	50.0% #E4A599	RGB 228 165 153	#E4A599
66.7%	66.7% #E1988B	RGB 225 152 139	#E1988B
83.3%	83.3% #DE8C7D	RGB 222 140 125	#DE8C7D
100.0%	100.0% #DB806F	RGB 219 128 111	#DB806F

#EDCAC3 #EABDB5 #E7B1A7 #E4A599 #E1988B #DE8C7D #DB806F

#EDCAC3 - #DB806F

HSV Blend

#EDCAC3 - #DB806F | 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 #EDCAC3 as 0% and #DB806F as 100%.

0.0%	0.0% #EDCAC3	RGB 237 202 195	#EDCAC3
16.7%	16.7% #EABDB4	RGB 234 189 180	#EABDB4
33.3%	33.3% #E7B0A5	RGB 231 176 165	#E7B0A5
50.0%	50.0% #E4A397	RGB 228 163 151	#E4A397
66.7%	66.7% #E19789	RGB 225 151 137	#E19789
83.3%	83.3% #DE8B7C	RGB 222 139 124	#DE8B7C
100.0%	100.0% #DB806F	RGB 219 128 111	#DB806F

#EDCAC3 #EABDB4 #E7B0A5 #E4A397 #E19789 #DE8B7C #DB806F

#EDCAC3 - #E4A397 - #DB806F

CSS codes

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

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