#DEC5C9 - #FFECE1 | 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 #DEC5C9 to #FFECE1

#DEC5C9 #FFECE1

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

#DEC5C9 - #FFECE1 | 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 #DEC5C9 as 0% and #FFECE1 as 100%.

0.0%	0.0% #DEC5C9	RGB 222 197 201	#DEC5C9
16.7%	16.7% #E3CBCD	RGB 227 203 205	#E3CBCD
33.3%	33.3% #E9D2D1	RGB 233 210 209	#E9D2D1
50.0%	50.0% #EED8D5	RGB 238 216 213	#EED8D5
66.7%	66.7% #F4DFD9	RGB 244 223 217	#F4DFD9
83.3%	83.3% #F9E5DD	RGB 249 229 221	#F9E5DD
100.0%	100.0% #FFECE1	RGB 255 236 225	#FFECE1

#DEC5C9 #E3CBCD #E9D2D1 #EED8D5 #F4DFD9 #F9E5DD #FFECE1

#DEC5C9 - #FFECE1

HSV Blend

#DEC5C9 - #FFECE1 | 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 #DEC5C9 as 0% and #FFECE1 as 100%.

0.0%	0.0% #DEC5C9	RGB 222 197 201	#DEC5C9
16.7%	16.7% #E3C9CB	RGB 227 201 203	#E3C9CB
33.3%	33.3% #E9CECE	RGB 233 206 206	#E9CECE
50.0%	50.0% #EED5D3	RGB 238 213 211	#EED5D3
66.7%	66.7% #F4DDD7	RGB 244 221 215	#F4DDD7
83.3%	83.3% #F9E4DC	RGB 249 228 220	#F9E4DC
100.0%	100.0% #FFECE1	RGB 255 236 225	#FFECE1

#DEC5C9 #E3C9CB #E9CECE #EED5D3 #F4DDD7 #F9E4DC #FFECE1

#DEC5C9 - #EED5D3 - #FFECE1

CSS codes

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

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