#DDDEE2 - #FFDCDB | 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 #DDDEE2 to #FFDCDB

#DDDEE2 #FFDCDB

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

#DDDEE2 - #FFDCDB | 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 #DDDEE2 as 0% and #FFDCDB as 100%.

0.0%	0.0% #DDDEE2	RGB 221 222 226	#DDDEE2
16.7%	16.7% #E2DDE0	RGB 226 221 224	#E2DDE0
33.3%	33.3% #E8DDDF	RGB 232 221 223	#E8DDDF
50.0%	50.0% #EEDDDE	RGB 238 221 222	#EEDDDE
66.7%	66.7% #F3DCDD	RGB 243 220 221	#F3DCDD
83.3%	83.3% #F9DCDC	RGB 249 220 220	#F9DCDC
100.0%	100.0% #FFDCDB	RGB 255 220 219	#FFDCDB

#DDDEE2 #E2DDE0 #E8DDDF #EEDDDE #F3DCDD #F9DCDC #FFDCDB

#DDDEE2 - #FFDCDB

HSV Blend

#DDDEE2 - #FFDCDB | 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 #DDDEE2 as 0% and #FFDCDB as 100%.

0.0%	0.0% #DDDEE2	RGB 221 222 226	#DDDEE2
16.7%	16.7% #DEDDE6	RGB 222 221 230	#DEDDE6
33.3%	33.3% #E5DDEB	RGB 229 221 235	#E5DDEB
50.0%	50.0% #EEDCF0	RGB 238 220 240	#EEDCF0
66.7%	66.7% #F5DCEE	RGB 245 220 238	#F5DCEE
83.3%	83.3% #FADBE6	RGB 250 219 230	#FADBE6
100.0%	100.0% #FFDCDB	RGB 255 220 219	#FFDCDB

#DDDEE2 #DEDDE6 #E5DDEB #EEDCF0 #F5DCEE #FADBE6 #FFDCDB

#DDDEE2 - #EEDCF0 - #FFDCDB

CSS codes

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

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