#EDC7B7 - #DC8861 | 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 #EDC7B7 to #DC8861

#EDC7B7 #DC8861

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

#EDC7B7 - #DC8861 | 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 #EDC7B7 as 0% and #DC8861 as 100%.

0.0%	0.0% #EDC7B7	RGB 237 199 183	#EDC7B7
16.7%	16.7% #EABCA8	RGB 234 188 168	#EABCA8
33.3%	33.3% #E7B29A	RGB 231 178 154	#E7B29A
50.0%	50.0% #E4A78C	RGB 228 167 140	#E4A78C
66.7%	66.7% #E19D7D	RGB 225 157 125	#E19D7D
83.3%	83.3% #DE926F	RGB 222 146 111	#DE926F
100.0%	100.0% #DC8861	RGB 220 136 97	#DC8861

#EDC7B7 #EABCA8 #E7B29A #E4A78C #E19D7D #DE926F #DC8861

#EDC7B7 - #DC8861

HSV Blend

#EDC7B7 - #DC8861 | 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 #EDC7B7 as 0% and #DC8861 as 100%.

0.0%	0.0% #EDC7B7	RGB 237 199 183	#EDC7B7
16.7%	16.7% #EABBA7	RGB 234 187 167	#EABBA7
33.3%	33.3% #E7B099	RGB 231 176 153	#E7B099
50.0%	50.0% #E4A68A	RGB 228 166 138	#E4A68A
66.7%	66.7% #E19B7C	RGB 225 155 124	#E19B7C
83.3%	83.3% #DE916E	RGB 222 145 110	#DE916E
100.0%	100.0% #DC8861	RGB 220 136 97	#DC8861

#EDC7B7 #EABBA7 #E7B099 #E4A68A #E19B7C #DE916E #DC8861

#EDC7B7 - #E4A68A - #DC8861

CSS codes

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

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