#DF3BD7 - #FBC0FF | 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 #DF3BD7 to #FBC0FF

#DF3BD7 #FBC0FF

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

#DF3BD7 - #FBC0FF | 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 #DF3BD7 as 0% and #FBC0FF as 100%.

0.0%	0.0% #DF3BD7	RGB 223 59 215	#DF3BD7
16.7%	16.7% #E351DD	RGB 227 81 221	#E351DD
33.3%	33.3% #E867E4	RGB 232 103 228	#E867E4
50.0%	50.0% #ED7DEB	RGB 237 125 235	#ED7DEB
66.7%	66.7% #F193F1	RGB 241 147 241	#F193F1
83.3%	83.3% #F6A9F8	RGB 246 169 248	#F6A9F8
100.0%	100.0% #FBC0FF	RGB 251 192 255	#FBC0FF

#DF3BD7 #E351DD #E867E4 #ED7DEB #F193F1 #F6A9F8 #FBC0FF

#DF3BD7 - #FBC0FF

HSV Blend

#DF3BD7 - #FBC0FF | 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 #DF3BD7 as 0% and #FBC0FF as 100%.

0.0%	0.0% #DF3BD7	RGB 223 59 215	#DF3BD7
16.7%	16.7% #E44EDF	RGB 228 78 223	#E44EDF
33.3%	33.3% #E963E8	RGB 233 99 232	#E963E8
50.0%	50.0% #EE79EF	RGB 238 121 239	#EE79EF
66.7%	66.7% #F190F4	RGB 241 144 244	#F190F4
83.3%	83.3% #F5A7F9	RGB 245 167 249	#F5A7F9
100.0%	100.0% #FBC0FF	RGB 251 192 255	#FBC0FF

#DF3BD7 #E44EDF #E963E8 #EE79EF #F190F4 #F5A7F9 #FBC0FF

#DF3BD7 - #EE79EF - #FBC0FF

CSS codes

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

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