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

#DDCBCB #FFECE1

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

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

0.0%	0.0% #DDCBCB	RGB 221 203 203	#DDCBCB
16.7%	16.7% #E2D0CE	RGB 226 208 206	#E2D0CE
33.3%	33.3% #E8D6D2	RGB 232 214 210	#E8D6D2
50.0%	50.0% #EEDBD6	RGB 238 219 214	#EEDBD6
66.7%	66.7% #F3E1D9	RGB 243 225 217	#F3E1D9
83.3%	83.3% #F9E6DD	RGB 249 230 221	#F9E6DD
100.0%	100.0% #FFECE1	RGB 255 236 225	#FFECE1

#DDCBCB #E2D0CE #E8D6D2 #EEDBD6 #F3E1D9 #F9E6DD #FFECE1

#DDCBCB - #FFECE1

HSV Blend

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

0.0%	0.0% #DDCBCB	RGB 221 203 203	#DDCBCB
16.7%	16.7% #E2D0CE	RGB 226 208 206	#E2D0CE
33.3%	33.3% #E8D5D2	RGB 232 213 210	#E8D5D2
50.0%	50.0% #EEDAD6	RGB 238 218 214	#EEDAD6
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

#DDCBCB #E2D0CE #E8D5D2 #EEDAD6 #F3E0D9 #F9E6DD #FFECE1

#DDCBCB - #EEDAD6 - #FFECE1

CSS codes

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

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