#EDEADE - #CDBD91 | 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 #EDEADE to #CDBD91

#EDEADE #CDBD91

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

#EDEADE - #CDBD91 | 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 #EDEADE as 0% and #CDBD91 as 100%.

0.0%	0.0% #EDEADE	RGB 237 234 222	#EDEADE
16.7%	16.7% #E7E2D1	RGB 231 226 209	#E7E2D1
33.3%	33.3% #E2DBC4	RGB 226 219 196	#E2DBC4
50.0%	50.0% #DDD3B7	RGB 221 211 183	#DDD3B7
66.7%	66.7% #D7CCAA	RGB 215 204 170	#D7CCAA
83.3%	83.3% #D2C49D	RGB 210 196 157	#D2C49D
100.0%	100.0% #CDBD91	RGB 205 189 145	#CDBD91

#EDEADE #E7E2D1 #E2DBC4 #DDD3B7 #D7CCAA #D2C49D #CDBD91

#EDEADE - #CDBD91

HSV Blend

#EDEADE - #CDBD91 | 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 #EDEADE as 0% and #CDBD91 as 100%.

0.0%	0.0% #EDEADE	RGB 237 234 222	#EDEADE
16.7%	16.7% #E7E2D0	RGB 231 226 208	#E7E2D0
33.3%	33.3% #E2DBC2	RGB 226 219 194	#E2DBC2
50.0%	50.0% #DDD3B5	RGB 221 211 181	#DDD3B5
66.7%	66.7% #D7CCA9	RGB 215 204 169	#D7CCA9
83.3%	83.3% #D2C49C	RGB 210 196 156	#D2C49C
100.0%	100.0% #CDBD91	RGB 205 189 145	#CDBD91

#EDEADE #E7E2D0 #E2DBC2 #DDD3B5 #D7CCA9 #D2C49C #CDBD91

#EDEADE - #DDD3B5 - #CDBD91

CSS codes

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

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