#EDD0C0 - #DC956B | 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 #EDD0C0 to #DC956B

#EDD0C0 #DC956B

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

#EDD0C0 - #DC956B | 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 #EDD0C0 as 0% and #DC956B as 100%.

0.0%	0.0% #EDD0C0	RGB 237 208 192	#EDD0C0
16.7%	16.7% #EAC6B1	RGB 234 198 177	#EAC6B1
33.3%	33.3% #E7BCA3	RGB 231 188 163	#E7BCA3
50.0%	50.0% #E4B295	RGB 228 178 149	#E4B295
66.7%	66.7% #E1A887	RGB 225 168 135	#E1A887
83.3%	83.3% #DE9E79	RGB 222 158 121	#DE9E79
100.0%	100.0% #DC956B	RGB 220 149 107	#DC956B

#EDD0C0 #EAC6B1 #E7BCA3 #E4B295 #E1A887 #DE9E79 #DC956B

#EDD0C0 - #DC956B

HSV Blend

#EDD0C0 - #DC956B | 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 #EDD0C0 as 0% and #DC956B as 100%.

0.0%	0.0% #EDD0C0	RGB 237 208 192	#EDD0C0
16.7%	16.7% #EAC5B1	RGB 234 197 177	#EAC5B1
33.3%	33.3% #E7BBA2	RGB 231 187 162	#E7BBA2
50.0%	50.0% #E4B194	RGB 228 177 148	#E4B194
66.7%	66.7% #E1A786	RGB 225 167 134	#E1A786
83.3%	83.3% #DE9E78	RGB 222 158 120	#DE9E78
100.0%	100.0% #DC956B	RGB 220 149 107	#DC956B

#EDD0C0 #EAC5B1 #E7BBA2 #E4B194 #E1A786 #DE9E78 #DC956B

#EDD0C0 - #E4B194 - #DC956B

CSS codes

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

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