#DDDDD9 - #FEF3E1 | 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 #DDDDD9 to #FEF3E1

#DDDDD9 #FEF3E1

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

#DDDDD9 - #FEF3E1 | 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 #DDDDD9 as 0% and #FEF3E1 as 100%.

0.0%	0.0% #DDDDD9	RGB 221 221 217	#DDDDD9
16.7%	16.7% #E2E0DA	RGB 226 224 218	#E2E0DA
33.3%	33.3% #E8E4DB	RGB 232 228 219	#E8E4DB
50.0%	50.0% #EDE8DD	RGB 237 232 221	#EDE8DD
66.7%	66.7% #F3EBDE	RGB 243 235 222	#F3EBDE
83.3%	83.3% #F8EFDF	RGB 248 239 223	#F8EFDF
100.0%	100.0% #FEF3E1	RGB 254 243 225	#FEF3E1

#DDDDD9 #E2E0DA #E8E4DB #EDE8DD #F3EBDE #F8EFDF #FEF3E1

#DDDDD9 - #FEF3E1

HSV Blend

#DDDDD9 - #FEF3E1 | 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 #DDDDD9 as 0% and #FEF3E1 as 100%.

0.0%	0.0% #DDDDD9	RGB 221 221 217	#DDDDD9
16.7%	16.7% #E2E2DA	RGB 226 226 218	#E2E2DA
33.3%	33.3% #E8E6DC	RGB 232 230 220	#E8E6DC
50.0%	50.0% #EDEADD	RGB 237 234 221	#EDEADD
66.7%	66.7% #F3EDDF	RGB 243 237 223	#F3EDDF
83.3%	83.3% #F8F0E0	RGB 248 240 224	#F8F0E0
100.0%	100.0% #FEF3E1	RGB 254 243 225	#FEF3E1

#DDDDD9 #E2E2DA #E8E6DC #EDEADD #F3EDDF #F8F0E0 #FEF3E1

#DDDDD9 - #EDEADD - #FEF3E1

CSS codes

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

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