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

#DDC8C9 #FFECE1

Calculate the color between two colors, #DDC8C9 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)

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

0.0%	0.0% #DDC8C9	RGB 221 200 201	#DDC8C9
16.7%	16.7% #E2CECD	RGB 226 206 205	#E2CECD
33.3%	33.3% #E8D4D1	RGB 232 212 209	#E8D4D1
50.0%	50.0% #EEDAD5	RGB 238 218 213	#EEDAD5
66.7%	66.7% #F3E0D9	RGB 243 224 217	#F3E0D9
83.3%	83.3% #F9E6DD	RGB 249 230 221	#F9E6DD
100.0%	100.0% #FFECE1	RGB 255 236 225	#FFECE1

#DDC8C9 #E2CECD #E8D4D1 #EEDAD5 #F3E0D9 #F9E6DD #FFECE1

#DDC8C9 - #FFECE1

HSV Blend

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

0.0%	0.0% #DDC8C9	RGB 221 200 201	#DDC8C9
16.7%	16.7% #E2CCCC	RGB 226 204 204	#E2CCCC
33.3%	33.3% #E8D2D0	RGB 232 210 208	#E8D2D0
50.0%	50.0% #EED8D4	RGB 238 216 212	#EED8D4
66.7%	66.7% #F3DED8	RGB 243 222 216	#F3DED8
83.3%	83.3% #F9E5DC	RGB 249 229 220	#F9E5DC
100.0%	100.0% #FFECE1	RGB 255 236 225	#FFECE1

#DDC8C9 #E2CCCC #E8D2D0 #EED8D4 #F3DED8 #F9E5DC #FFECE1

#DDC8C9 - #EED8D4 - #FFECE1

CSS codes

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

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