#E5E1DA - #CFBD8D | 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 #E5E1DA to #CFBD8D

#E5E1DA #CFBD8D

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

#E5E1DA - #CFBD8D | 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 #E5E1DA as 0% and #CFBD8D as 100%.

0.0%	0.0% #E5E1DA	RGB 229 225 218	#E5E1DA
16.7%	16.7% #E1DBCD	RGB 225 219 205	#E1DBCD
33.3%	33.3% #DDD5C0	RGB 221 213 192	#DDD5C0
50.0%	50.0% #DACFB3	RGB 218 207 179	#DACFB3
66.7%	66.7% #D6C9A6	RGB 214 201 166	#D6C9A6
83.3%	83.3% #D2C399	RGB 210 195 153	#D2C399
100.0%	100.0% #CFBD8D	RGB 207 189 141	#CFBD8D

#E5E1DA #E1DBCD #DDD5C0 #DACFB3 #D6C9A6 #D2C399 #CFBD8D

#E5E1DA - #CFBD8D

HSV Blend

#E5E1DA - #CFBD8D | 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 #E5E1DA as 0% and #CFBD8D as 100%.

0.0%	0.0% #E5E1DA	RGB 229 225 218	#E5E1DA
16.7%	16.7% #E1DACC	RGB 225 218 204	#E1DACC
33.3%	33.3% #DDD3BF	RGB 221 211 191	#DDD3BF
50.0%	50.0% #DACDB2	RGB 218 205 178	#DACDB2
66.7%	66.7% #D6C7A5	RGB 214 199 165	#D6C7A5
83.3%	83.3% #D2C299	RGB 210 194 153	#D2C299
100.0%	100.0% #CFBD8D	RGB 207 189 141	#CFBD8D

#E5E1DA #E1DACC #DDD3BF #DACDB2 #D6C7A5 #D2C299 #CFBD8D

#E5E1DA - #DACDB2 - #CFBD8D

CSS codes

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

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