#DDDADC - #FEE2FB | 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 #DDDADC to #FEE2FB

#DDDADC #FEE2FB

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

#DDDADC - #FEE2FB | 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 #DDDADC as 0% and #FEE2FB as 100%.

0.0%	0.0% #DDDADC	RGB 221 218 220	#DDDADC
16.7%	16.7% #E2DBE1	RGB 226 219 225	#E2DBE1
33.3%	33.3% #E8DCE6	RGB 232 220 230	#E8DCE6
50.0%	50.0% #EDDEEB	RGB 237 222 235	#EDDEEB
66.7%	66.7% #F3DFF0	RGB 243 223 240	#F3DFF0
83.3%	83.3% #F8E0F5	RGB 248 224 245	#F8E0F5
100.0%	100.0% #FEE2FB	RGB 254 226 251	#FEE2FB

#DDDADC #E2DBE1 #E8DCE6 #EDDEEB #F3DFF0 #F8E0F5 #FEE2FB

#DDDADC - #FEE2FB

HSV Blend

#DDDADC - #FEE2FB | 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 #DDDADC as 0% and #FEE2FB as 100%.

0.0%	0.0% #DDDADC	RGB 221 218 220	#DDDADC
16.7%	16.7% #E2DBE0	RGB 226 219 224	#E2DBE0
33.3%	33.3% #E8DDE5	RGB 232 221 229	#E8DDE5
50.0%	50.0% #EDDEEA	RGB 237 222 234	#EDDEEA
66.7%	66.7% #F3E0EF	RGB 243 224 239	#F3E0EF
83.3%	83.3% #F8E1F5	RGB 248 225 245	#F8E1F5
100.0%	100.0% #FEE2FB	RGB 254 226 251	#FEE2FB

#DDDADC #E2DBE0 #E8DDE5 #EDDEEA #F3E0EF #F8E1F5 #FEE2FB

#DDDADC - #EDDEEA - #FEE2FB

CSS codes

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

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