#DEC3CF - #FFF3E2 | 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 #DEC3CF to #FFF3E2

#DEC3CF #FFF3E2

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

#DEC3CF - #FFF3E2 | 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 #DEC3CF as 0% and #FFF3E2 as 100%.

0.0%	0.0% #DEC3CF	RGB 222 195 207	#DEC3CF
16.7%	16.7% #E3CBD2	RGB 227 203 210	#E3CBD2
33.3%	33.3% #E9D3D5	RGB 233 211 213	#E9D3D5
50.0%	50.0% #EEDBD8	RGB 238 219 216	#EEDBD8
66.7%	66.7% #F4E3DB	RGB 244 227 219	#F4E3DB
83.3%	83.3% #F9EBDE	RGB 249 235 222	#F9EBDE
100.0%	100.0% #FFF3E2	RGB 255 243 226	#FFF3E2

#DEC3CF #E3CBD2 #E9D3D5 #EEDBD8 #F4E3DB #F9EBDE #FFF3E2

#DEC3CF - #FFF3E2

HSV Blend

#DEC3CF - #FFF3E2 | 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 #DEC3CF as 0% and #FFF3E2 as 100%.

0.0%	0.0% #DEC3CF	RGB 222 195 207	#DEC3CF
16.7%	16.7% #E3C8CF	RGB 227 200 207	#E3C8CF
33.3%	33.3% #E9CDD0	RGB 233 205 208	#E9CDD0
50.0%	50.0% #EED4D2	RGB 238 212 210	#EED4D2
66.7%	66.7% #F4DED7	RGB 244 222 215	#F4DED7
83.3%	83.3% #F9E8DC	RGB 249 232 220	#F9E8DC
100.0%	100.0% #FFF3E2	RGB 255 243 226	#FFF3E2

#DEC3CF #E3C8CF #E9CDD0 #EED4D2 #F4DED7 #F9E8DC #FFF3E2

#DEC3CF - #EED4D2 - #FFF3E2

CSS codes

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

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