#EDC8C4 - #DC7C70 | 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 #EDC8C4 to #DC7C70

#EDC8C4 #DC7C70

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

#EDC8C4 - #DC7C70 | 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 #EDC8C4 as 0% and #DC7C70 as 100%.

0.0%	0.0% #EDC8C4	RGB 237 200 196	#EDC8C4
16.7%	16.7% #EABBB6	RGB 234 187 182	#EABBB6
33.3%	33.3% #E7AEA8	RGB 231 174 168	#E7AEA8
50.0%	50.0% #E4A29A	RGB 228 162 154	#E4A29A
66.7%	66.7% #E1958C	RGB 225 149 140	#E1958C
83.3%	83.3% #DE887E	RGB 222 136 126	#DE887E
100.0%	100.0% #DC7C70	RGB 220 124 112	#DC7C70

#EDC8C4 #EABBB6 #E7AEA8 #E4A29A #E1958C #DE887E #DC7C70

#EDC8C4 - #DC7C70

HSV Blend

#EDC8C4 - #DC7C70 | 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 #EDC8C4 as 0% and #DC7C70 as 100%.

0.0%	0.0% #EDC8C4	RGB 237 200 196	#EDC8C4
16.7%	16.7% #EABAB5	RGB 234 186 181	#EABAB5
33.3%	33.3% #E7ADA6	RGB 231 173 166	#E7ADA6
50.0%	50.0% #E4A098	RGB 228 160 152	#E4A098
66.7%	66.7% #E1948A	RGB 225 148 138	#E1948A
83.3%	83.3% #DE877D	RGB 222 135 125	#DE877D
100.0%	100.0% #DC7C70	RGB 220 124 112	#DC7C70

#EDC8C4 #EABAB5 #E7ADA6 #E4A098 #E1948A #DE877D #DC7C70

#EDC8C4 - #E4A098 - #DC7C70

CSS codes

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

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