#DFDBDD - #ECC8D8 | 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 #DFDBDD to #ECC8D8

#DFDBDD #ECC8D8

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

#DFDBDD - #ECC8D8 | 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 #DFDBDD as 0% and #ECC8D8 as 100%.

0.0%	0.0% #DFDBDD	RGB 223 219 221	#DFDBDD
16.7%	16.7% #E1D7DC	RGB 225 215 220	#E1D7DC
33.3%	33.3% #E3D4DB	RGB 227 212 219	#E3D4DB
50.0%	50.0% #E5D1DA	RGB 229 209 218	#E5D1DA
66.7%	66.7% #E7CED9	RGB 231 206 217	#E7CED9
83.3%	83.3% #E9CBD8	RGB 233 203 216	#E9CBD8
100.0%	100.0% #ECC8D8	RGB 236 200 216	#ECC8D8

#DFDBDD #E1D7DC #E3D4DB #E5D1DA #E7CED9 #E9CBD8 #ECC8D8

#DFDBDD - #ECC8D8

HSV Blend

#DFDBDD - #ECC8D8 | 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 #DFDBDD as 0% and #ECC8D8 as 100%.

0.0%	0.0% #DFDBDD	RGB 223 219 221	#DFDBDD
16.7%	16.7% #E1D8DC	RGB 225 216 220	#E1D8DC
33.3%	33.3% #E3D5DB	RGB 227 213 219	#E3D5DB
50.0%	50.0% #E5D1DB	RGB 229 209 219	#E5D1DB
66.7%	66.7% #E7CEDA	RGB 231 206 218	#E7CEDA
83.3%	83.3% #E9CBD9	RGB 233 203 217	#E9CBD9
100.0%	100.0% #ECC8D8	RGB 236 200 216	#ECC8D8

#DFDBDD #E1D8DC #E3D5DB #E5D1DB #E7CEDA #E9CBD9 #ECC8D8

#DFDBDD - #E5D1DB - #ECC8D8

CSS codes

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

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