#DDD9DA - #FBE1FE | 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 #DDD9DA to #FBE1FE

#DDD9DA #FBE1FE

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

#DDD9DA - #FBE1FE | 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 #DDD9DA as 0% and #FBE1FE as 100%.

0.0%	0.0% #DDD9DA	RGB 221 217 218	#DDD9DA
16.7%	16.7% #E2DAE0	RGB 226 218 224	#E2DAE0
33.3%	33.3% #E7DBE6	RGB 231 219 230	#E7DBE6
50.0%	50.0% #ECDDEC	RGB 236 221 236	#ECDDEC
66.7%	66.7% #F1DEF2	RGB 241 222 242	#F1DEF2
83.3%	83.3% #F6DFF8	RGB 246 223 248	#F6DFF8
100.0%	100.0% #FBE1FE	RGB 251 225 254	#FBE1FE

#DDD9DA #E2DAE0 #E7DBE6 #ECDDEC #F1DEF2 #F6DFF8 #FBE1FE

#DDD9DA - #FBE1FE

HSV Blend

#DDD9DA - #FBE1FE | 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 #DDD9DA as 0% and #FBE1FE as 100%.

0.0%	0.0% #DDD9DA	RGB 221 217 218	#DDD9DA
16.7%	16.7% #E2DADD	RGB 226 218 221	#E2DADD
33.3%	33.3% #E8DCE2	RGB 232 220 226	#E8DCE2
50.0%	50.0% #EDDDE8	RGB 237 221 232	#EDDDE8
66.7%	66.7% #F3DFEF	RGB 243 223 239	#F3DFEF
83.3%	83.3% #F8E0F7	RGB 248 224 247	#F8E0F7
100.0%	100.0% #FBE1FE	RGB 251 225 254	#FBE1FE

#DDD9DA #E2DADD #E8DCE2 #EDDDE8 #F3DFEF #F8E0F7 #FBE1FE

#DDD9DA - #EDDDE8 - #FBE1FE

CSS codes

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

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