#EDC7C0 - #DC806B | 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 #EDC7C0 to #DC806B

#EDC7C0 #DC806B

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

#EDC7C0 - #DC806B | 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 #EDC7C0 as 0% and #DC806B as 100%.

0.0%	0.0% #EDC7C0	RGB 237 199 192	#EDC7C0
16.7%	16.7% #EABBB1	RGB 234 187 177	#EABBB1
33.3%	33.3% #E7AFA3	RGB 231 175 163	#E7AFA3
50.0%	50.0% #E4A395	RGB 228 163 149	#E4A395
66.7%	66.7% #E19787	RGB 225 151 135	#E19787
83.3%	83.3% #DE8B79	RGB 222 139 121	#DE8B79
100.0%	100.0% #DC806B	RGB 220 128 107	#DC806B

#EDC7C0 #EABBB1 #E7AFA3 #E4A395 #E19787 #DE8B79 #DC806B

#EDC7C0 - #DC806B

HSV Blend

#EDC7C0 - #DC806B | 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 #EDC7C0 as 0% and #DC806B as 100%.

0.0%	0.0% #EDC7C0	RGB 237 199 192	#EDC7C0
16.7%	16.7% #EABAB1	RGB 234 186 177	#EABAB1
33.3%	33.3% #E7ADA2	RGB 231 173 162	#E7ADA2
50.0%	50.0% #E4A194	RGB 228 161 148	#E4A194
66.7%	66.7% #E19686	RGB 225 150 134	#E19686
83.3%	83.3% #DE8A78	RGB 222 138 120	#DE8A78
100.0%	100.0% #DC806B	RGB 220 128 107	#DC806B

#EDC7C0 #EABAB1 #E7ADA2 #E4A194 #E19686 #DE8A78 #DC806B

#EDC7C0 - #E4A194 - #DC806B

CSS codes

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

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