#EDD9C9 - #D69B76 | 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 #EDD9C9 to #D69B76

#EDD9C9 #D69B76

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

#EDD9C9 - #D69B76 | 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 #EDD9C9 as 0% and #D69B76 as 100%.

0.0%	0.0% #EDD9C9	RGB 237 217 201	#EDD9C9
16.7%	16.7% #E9CEBB	RGB 233 206 187	#E9CEBB
33.3%	33.3% #E5C4AD	RGB 229 196 173	#E5C4AD
50.0%	50.0% #E1BA9F	RGB 225 186 159	#E1BA9F
66.7%	66.7% #DDAF91	RGB 221 175 145	#DDAF91
83.3%	83.3% #D9A583	RGB 217 165 131	#D9A583
100.0%	100.0% #D69B76	RGB 214 155 118	#D69B76

#EDD9C9 #E9CEBB #E5C4AD #E1BA9F #DDAF91 #D9A583 #D69B76

#EDD9C9 - #D69B76

HSV Blend

#EDD9C9 - #D69B76 | 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 #EDD9C9 as 0% and #D69B76 as 100%.

0.0%	0.0% #EDD9C9	RGB 237 217 201	#EDD9C9
16.7%	16.7% #E9CEBA	RGB 233 206 186	#E9CEBA
33.3%	33.3% #E5C4AB	RGB 229 196 171	#E5C4AB
50.0%	50.0% #E1B99D	RGB 225 185 157	#E1B99D
66.7%	66.7% #DDAF90	RGB 221 175 144	#DDAF90
83.3%	83.3% #D9A582	RGB 217 165 130	#D9A582
100.0%	100.0% #D69B76	RGB 214 155 118	#D69B76

#EDD9C9 #E9CEBA #E5C4AB #E1B99D #DDAF90 #D9A582 #D69B76

#EDD9C9 - #E1B99D - #D69B76

CSS codes

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

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