#EDC6C0 - #DB7A6B | 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 #EDC6C0 to #DB7A6B

#EDC6C0 #DB7A6B

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

#EDC6C0 - #DB7A6B | 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 #EDC6C0 as 0% and #DB7A6B as 100%.

0.0%	0.0% #EDC6C0	RGB 237 198 192	#EDC6C0
16.7%	16.7% #EAB9B1	RGB 234 185 177	#EAB9B1
33.3%	33.3% #E7ACA3	RGB 231 172 163	#E7ACA3
50.0%	50.0% #E4A095	RGB 228 160 149	#E4A095
66.7%	66.7% #E19387	RGB 225 147 135	#E19387
83.3%	83.3% #DE8679	RGB 222 134 121	#DE8679
100.0%	100.0% #DB7A6B	RGB 219 122 107	#DB7A6B

#EDC6C0 #EAB9B1 #E7ACA3 #E4A095 #E19387 #DE8679 #DB7A6B

#EDC6C0 - #DB7A6B

HSV Blend

#EDC6C0 - #DB7A6B | 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 #EDC6C0 as 0% and #DB7A6B as 100%.

0.0%	0.0% #EDC6C0	RGB 237 198 192	#EDC6C0
16.7%	16.7% #EAB8B1	RGB 234 184 177	#EAB8B1
33.3%	33.3% #E7ABA2	RGB 231 171 162	#E7ABA2
50.0%	50.0% #E49E94	RGB 228 158 148	#E49E94
66.7%	66.7% #E19286	RGB 225 146 134	#E19286
83.3%	83.3% #DE8578	RGB 222 133 120	#DE8578
100.0%	100.0% #DB7A6B	RGB 219 122 107	#DB7A6B

#EDC6C0 #EAB8B1 #E7ABA2 #E49E94 #E19286 #DE8578 #DB7A6B

#EDC6C0 - #E49E94 - #DB7A6B

CSS codes

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

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