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

#DDC5D0 #FFF3E2

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

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

0.0%	0.0% #DDC5D0	RGB 221 197 208	#DDC5D0
16.7%	16.7% #E2CCD3	RGB 226 204 211	#E2CCD3
33.3%	33.3% #E8D4D6	RGB 232 212 214	#E8D4D6
50.0%	50.0% #EEDCD9	RGB 238 220 217	#EEDCD9
66.7%	66.7% #F3E3DC	RGB 243 227 220	#F3E3DC
83.3%	83.3% #F9EBDF	RGB 249 235 223	#F9EBDF
100.0%	100.0% #FFF3E2	RGB 255 243 226	#FFF3E2

#DDC5D0 #E2CCD3 #E8D4D6 #EEDCD9 #F3E3DC #F9EBDF #FFF3E2

#DDC5D0 - #FFF3E2

HSV Blend

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

0.0%	0.0% #DDC5D0	RGB 221 197 208	#DDC5D0
16.7%	16.7% #E2C9D0	RGB 226 201 208	#E2C9D0
33.3%	33.3% #E8CED1	RGB 232 206 209	#E8CED1
50.0%	50.0% #EED5D3	RGB 238 213 211	#EED5D3
66.7%	66.7% #F3DED8	RGB 243 222 216	#F3DED8
83.3%	83.3% #F9E8DD	RGB 249 232 221	#F9E8DD
100.0%	100.0% #FFF3E2	RGB 255 243 226	#FFF3E2

#DDC5D0 #E2C9D0 #E8CED1 #EED5D3 #F3DED8 #F9E8DD #FFF3E2

#DDC5D0 - #EED5D3 - #FFF3E2

CSS codes

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

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