#DEC3C6 - #FFF2DA | 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 #DEC3C6 to #FFF2DA

#DEC3C6 #FFF2DA

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

#DEC3C6 - #FFF2DA | 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 #DEC3C6 as 0% and #FFF2DA as 100%.

0.0%	0.0% #DEC3C6	RGB 222 195 198	#DEC3C6
16.7%	16.7% #E3CAC9	RGB 227 202 201	#E3CAC9
33.3%	33.3% #E9D2CC	RGB 233 210 204	#E9D2CC
50.0%	50.0% #EEDAD0	RGB 238 218 208	#EEDAD0
66.7%	66.7% #F4E2D3	RGB 244 226 211	#F4E2D3
83.3%	83.3% #F9EAD6	RGB 249 234 214	#F9EAD6
100.0%	100.0% #FFF2DA	RGB 255 242 218	#FFF2DA

#DEC3C6 #E3CAC9 #E9D2CC #EEDAD0 #F4E2D3 #F9EAD6 #FFF2DA

#DEC3C6 - #FFF2DA

HSV Blend

#DEC3C6 - #FFF2DA | 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 #DEC3C6 as 0% and #FFF2DA as 100%.

0.0%	0.0% #DEC3C6	RGB 222 195 198	#DEC3C6
16.7%	16.7% #E3C7C6	RGB 227 199 198	#E3C7C6
33.3%	33.3% #E9CFCA	RGB 233 207 202	#E9CFCA
50.0%	50.0% #EED7CE	RGB 238 215 206	#EED7CE
66.7%	66.7% #F4DFD2	RGB 244 223 210	#F4DFD2
83.3%	83.3% #F9E8D6	RGB 249 232 214	#F9E8D6
100.0%	100.0% #FFF2DA	RGB 255 242 218	#FFF2DA

#DEC3C6 #E3C7C6 #E9CFCA #EED7CE #F4DFD2 #F9E8D6 #FFF2DA

#DEC3C6 - #EED7CE - #FFF2DA

CSS codes

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

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