#DDDAE2 - #FFF2DB | 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 #DDDAE2 to #FFF2DB

#DDDAE2 #FFF2DB

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

#DDDAE2 - #FFF2DB | 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 #DDDAE2 as 0% and #FFF2DB as 100%.

0.0%	0.0% #DDDAE2	RGB 221 218 226	#DDDAE2
16.7%	16.7% #E2DEE0	RGB 226 222 224	#E2DEE0
33.3%	33.3% #E8E2DF	RGB 232 226 223	#E8E2DF
50.0%	50.0% #EEE6DE	RGB 238 230 222	#EEE6DE
66.7%	66.7% #F3EADD	RGB 243 234 221	#F3EADD
83.3%	83.3% #F9EEDC	RGB 249 238 220	#F9EEDC
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#DDDAE2 #E2DEE0 #E8E2DF #EEE6DE #F3EADD #F9EEDC #FFF2DB

#DDDAE2 - #FFF2DB

HSV Blend

#DDDAE2 - #FFF2DB | 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 #DDDAE2 as 0% and #FFF2DB as 100%.

0.0%	0.0% #DDDAE2	RGB 221 218 226	#DDDAE2
16.7%	16.7% #E3DAE6	RGB 227 218 230	#E3DAE6
33.3%	33.3% #EBDBE9	RGB 235 219 233	#EBDBE9
50.0%	50.0% #F0DBE5	RGB 240 219 229	#F0DBE5
66.7%	66.7% #F5DBDE	RGB 245 219 222	#F5DBDE
83.3%	83.3% #FAE3DB	RGB 250 227 219	#FAE3DB
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#DDDAE2 #E3DAE6 #EBDBE9 #F0DBE5 #F5DBDE #FAE3DB #FFF2DB

#DDDAE2 - #F0DBE5 - #FFF2DB

CSS codes

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

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