#DF9EFF - #FCECF9 | 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 #DF9EFF to #FCECF9

#DF9EFF #FCECF9

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

#DF9EFF - #FCECF9 | 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 #DF9EFF as 0% and #FCECF9 as 100%.

0.0%	0.0% #DF9EFF	RGB 223 158 255	#DF9EFF
16.7%	16.7% #E3ABFE	RGB 227 171 254	#E3ABFE
33.3%	33.3% #E8B8FD	RGB 232 184 253	#E8B8FD
50.0%	50.0% #EDC5FC	RGB 237 197 252	#EDC5FC
66.7%	66.7% #F2D2FB	RGB 242 210 251	#F2D2FB
83.3%	83.3% #F7DFFA	RGB 247 223 250	#F7DFFA
100.0%	100.0% #FCECF9	RGB 252 236 249	#FCECF9

#DF9EFF #E3ABFE #E8B8FD #EDC5FC #F2D2FB #F7DFFA #FCECF9

#DF9EFF - #FCECF9

HSV Blend

#DF9EFF - #FCECF9 | 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 #DF9EFF as 0% and #FCECF9 as 100%.

0.0%	0.0% #DF9EFF	RGB 223 158 255	#DF9EFF
16.7%	16.7% #EAABFE	RGB 234 171 254	#EAABFE
33.3%	33.3% #F3B8FE	RGB 243 184 254	#F3B8FE
50.0%	50.0% #F9C5FD	RGB 249 197 253	#F9C5FD
66.7%	66.7% #FDD2FC	RGB 253 210 252	#FDD2FC
83.3%	83.3% #FCDFF9	RGB 252 223 249	#FCDFF9
100.0%	100.0% #FCECF9	RGB 252 236 249	#FCECF9

#DF9EFF #EAABFE #F3B8FE #F9C5FD #FDD2FC #FCDFF9 #FCECF9

#DF9EFF - #F9C5FD - #FCECF9

CSS codes

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

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