#DDDBC7 - #FFFEDA | 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 #DDDBC7 to #FFFEDA

#DDDBC7 #FFFEDA

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

#DDDBC7 - #FFFEDA | 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 #DDDBC7 as 0% and #FFFEDA as 100%.

0.0%	0.0% #DDDBC7	RGB 221 219 199	#DDDBC7
16.7%	16.7% #E2E0CA	RGB 226 224 202	#E2E0CA
33.3%	33.3% #E8E6CD	RGB 232 230 205	#E8E6CD
50.0%	50.0% #EEECD0	RGB 238 236 208	#EEECD0
66.7%	66.7% #F3F2D3	RGB 243 242 211	#F3F2D3
83.3%	83.3% #F9F8D6	RGB 249 248 214	#F9F8D6
100.0%	100.0% #FFFEDA	RGB 255 254 218	#FFFEDA

#DDDBC7 #E2E0CA #E8E6CD #EEECD0 #F3F2D3 #F9F8D6 #FFFEDA

#DDDBC7 - #FFFEDA

HSV Blend

#DDDBC7 - #FFFEDA | 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 #DDDBC7 as 0% and #FFFEDA as 100%.

0.0%	0.0% #DDDBC7	RGB 221 219 199	#DDDBC7
16.7%	16.7% #E2E0CA	RGB 226 224 202	#E2E0CA
33.3%	33.3% #E8E6CD	RGB 232 230 205	#E8E6CD
50.0%	50.0% #EEECD0	RGB 238 236 208	#EEECD0
66.7%	66.7% #F3F2D4	RGB 243 242 212	#F3F2D4
83.3%	83.3% #F9F8D7	RGB 249 248 215	#F9F8D7
100.0%	100.0% #FFFEDA	RGB 255 254 218	#FFFEDA

#DDDBC7 #E2E0CA #E8E6CD #EEECD0 #F3F2D4 #F9F8D7 #FFFEDA

#DDDBC7 - #EEECD0 - #FFFEDA

CSS codes

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

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