#D9D9D8 - #FEF2DF | 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 #D9D9D8 to #FEF2DF

#D9D9D8 #FEF2DF

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

#D9D9D8 - #FEF2DF | 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 #D9D9D8 as 0% and #FEF2DF as 100%.

0.0%	0.0% #D9D9D8	RGB 217 217 216	#D9D9D8
16.7%	16.7% #DFDDD9	RGB 223 221 217	#DFDDD9
33.3%	33.3% #E5E1DA	RGB 229 225 218	#E5E1DA
50.0%	50.0% #EBE5DB	RGB 235 229 219	#EBE5DB
66.7%	66.7% #F1E9DC	RGB 241 233 220	#F1E9DC
83.3%	83.3% #F7EDDD	RGB 247 237 221	#F7EDDD
100.0%	100.0% #FEF2DF	RGB 254 242 223	#FEF2DF

#D9D9D8 #DFDDD9 #E5E1DA #EBE5DB #F1E9DC #F7EDDD #FEF2DF

#D9D9D8 - #FEF2DF

HSV Blend

#D9D9D8 - #FEF2DF | 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 #D9D9D8 as 0% and #FEF2DF as 100%.

0.0%	0.0% #D9D9D8	RGB 217 217 216	#D9D9D8
16.7%	16.7% #DFDED9	RGB 223 222 217	#DFDED9
33.3%	33.3% #E5E4DB	RGB 229 228 219	#E5E4DB
50.0%	50.0% #EBE8DC	RGB 235 232 220	#EBE8DC
66.7%	66.7% #F1ECDD	RGB 241 236 221	#F1ECDD
83.3%	83.3% #F7EFDE	RGB 247 239 222	#F7EFDE
100.0%	100.0% #FEF2DF	RGB 254 242 223	#FEF2DF

#D9D9D8 #DFDED9 #E5E4DB #EBE8DC #F1ECDD #F7EFDE #FEF2DF

#D9D9D8 - #EBE8DC - #FEF2DF

CSS codes

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

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