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

#DFDADC #FEE2FB

Calculate the color between two colors, #DFDADC 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)

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

0.0%	0.0% #DFDADC	RGB 223 218 220	#DFDADC
16.7%	16.7% #E4DBE1	RGB 228 219 225	#E4DBE1
33.3%	33.3% #E9DCE6	RGB 233 220 230	#E9DCE6
50.0%	50.0% #EEDEEB	RGB 238 222 235	#EEDEEB
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

#DFDADC #E4DBE1 #E9DCE6 #EEDEEB #F3DFF0 #F8E0F5 #FEE2FB

#DFDADC - #FEE2FB

HSV Blend

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

0.0%	0.0% #DFDADC	RGB 223 218 220	#DFDADC
16.7%	16.7% #E4DBDF	RGB 228 219 223	#E4DBDF
33.3%	33.3% #E9DDE4	RGB 233 221 228	#E9DDE4
50.0%	50.0% #EEDEE8	RGB 238 222 232	#EEDEE8
66.7%	66.7% #F3DFEE	RGB 243 223 238	#F3DFEE
83.3%	83.3% #F8E1F4	RGB 248 225 244	#F8E1F4
100.0%	100.0% #FEE2FB	RGB 254 226 251	#FEE2FB

#DFDADC #E4DBDF #E9DDE4 #EEDEE8 #F3DFEE #F8E1F4 #FEE2FB

#DFDADC - #EEDEE8 - #FEE2FB

CSS codes

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

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