#DFCCF8 - #FFF3EC | 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 #DFCCF8 to #FFF3EC

#DFCCF8 #FFF3EC

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

#DFCCF8 - #FFF3EC | 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 #DFCCF8 as 0% and #FFF3EC as 100%.

0.0%	0.0% #DFCCF8	RGB 223 204 248	#DFCCF8
16.7%	16.7% #E4D2F6	RGB 228 210 246	#E4D2F6
33.3%	33.3% #E9D9F4	RGB 233 217 244	#E9D9F4
50.0%	50.0% #EFDFF2	RGB 239 223 242	#EFDFF2
66.7%	66.7% #F4E6F0	RGB 244 230 240	#F4E6F0
83.3%	83.3% #F9ECEE	RGB 249 236 238	#F9ECEE
100.0%	100.0% #FFF3EC	RGB 255 243 236	#FFF3EC

#DFCCF8 #E4D2F6 #E9D9F4 #EFDFF2 #F4E6F0 #F9ECEE #FFF3EC

#DFCCF8 - #FFF3EC

HSV Blend

#DFCCF8 - #FFF3EC | 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 #DFCCF8 as 0% and #FFF3EC as 100%.

0.0%	0.0% #DFCCF8	RGB 223 204 248	#DFCCF8
16.7%	16.7% #EFD1F9	RGB 239 209 249	#EFD1F9
33.3%	33.3% #FAD6F7	RGB 250 214 247	#FAD6F7
50.0%	50.0% #FBDBEE	RGB 251 219 238	#FBDBEE
66.7%	66.7% #FCE1E8	RGB 252 225 232	#FCE1E8
83.3%	83.3% #FDE7E6	RGB 253 231 230	#FDE7E6
100.0%	100.0% #FFF3EC	RGB 255 243 236	#FFF3EC

#DFCCF8 #EFD1F9 #FAD6F7 #FBDBEE #FCE1E8 #FDE7E6 #FFF3EC

#DFCCF8 - #FBDBEE - #FFF3EC

CSS codes

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

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