#DCD9D5 - #F2F5E5 | 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 #DCD9D5 to #F2F5E5

#DCD9D5 #F2F5E5

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

#DCD9D5 - #F2F5E5 | 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 #DCD9D5 as 0% and #F2F5E5 as 100%.

0.0%	0.0% #DCD9D5	RGB 220 217 213	#DCD9D5
16.7%	16.7% #DFDDD7	RGB 223 221 215	#DFDDD7
33.3%	33.3% #E3E2DA	RGB 227 226 218	#E3E2DA
50.0%	50.0% #E7E7DD	RGB 231 231 221	#E7E7DD
66.7%	66.7% #EAEBDF	RGB 234 235 223	#EAEBDF
83.3%	83.3% #EEF0E2	RGB 238 240 226	#EEF0E2
100.0%	100.0% #F2F5E5	RGB 242 245 229	#F2F5E5

#DCD9D5 #DFDDD7 #E3E2DA #E7E7DD #EAEBDF #EEF0E2 #F2F5E5

#DCD9D5 - #F2F5E5

HSV Blend

#DCD9D5 - #F2F5E5 | 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 #DCD9D5 as 0% and #F2F5E5 as 100%.

0.0%	0.0% #DCD9D5	RGB 220 217 213	#DCD9D5
16.7%	16.7% #E0DDD7	RGB 224 221 215	#E0DDD7
33.3%	33.3% #E4E2DA	RGB 228 226 218	#E4E2DA
50.0%	50.0% #E8E7DD	RGB 232 231 221	#E8E7DD
66.7%	66.7% #ECECDF	RGB 236 236 223	#ECECDF
83.3%	83.3% #EFF0E2	RGB 239 240 226	#EFF0E2
100.0%	100.0% #F2F5E5	RGB 242 245 229	#F2F5E5

#DCD9D5 #E0DDD7 #E4E2DA #E8E7DD #ECECDF #EFF0E2 #F2F5E5

#DCD9D5 - #E8E7DD - #F2F5E5

CSS codes

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

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