#DEC3C9 - #FFF1DA | 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 #DEC3C9 to #FFF1DA

#DEC3C9 #FFF1DA

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

#DEC3C9 - #FFF1DA | 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 #DEC3C9 as 0% and #FFF1DA as 100%.

0.0%	0.0% #DEC3C9	RGB 222 195 201	#DEC3C9
16.7%	16.7% #E3CACB	RGB 227 202 203	#E3CACB
33.3%	33.3% #E9D2CE	RGB 233 210 206	#E9D2CE
50.0%	50.0% #EEDAD1	RGB 238 218 209	#EEDAD1
66.7%	66.7% #F4E1D4	RGB 244 225 212	#F4E1D4
83.3%	83.3% #F9E9D7	RGB 249 233 215	#F9E9D7
100.0%	100.0% #FFF1DA	RGB 255 241 218	#FFF1DA

#DEC3C9 #E3CACB #E9D2CE #EEDAD1 #F4E1D4 #F9E9D7 #FFF1DA

#DEC3C9 - #FFF1DA

HSV Blend

#DEC3C9 - #FFF1DA | 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 #DEC3C9 as 0% and #FFF1DA as 100%.

0.0%	0.0% #DEC3C9	RGB 222 195 201	#DEC3C9
16.7%	16.7% #E3C6C9	RGB 227 198 201	#E3C6C9
33.3%	33.3% #E9CCCA	RGB 233 204 202	#E9CCCA
50.0%	50.0% #EED5CE	RGB 238 213 206	#EED5CE
66.7%	66.7% #F4DDD2	RGB 244 221 210	#F4DDD2
83.3%	83.3% #F9E7D6	RGB 249 231 214	#F9E7D6
100.0%	100.0% #FFF1DA	RGB 255 241 218	#FFF1DA

#DEC3C9 #E3C6C9 #E9CCCA #EED5CE #F4DDD2 #F9E7D6 #FFF1DA

#DEC3C9 - #EED5CE - #FFF1DA

CSS codes

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

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