#DF3BDB - #FAC2FF | 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 #DF3BDB to #FAC2FF

#DF3BDB #FAC2FF

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

#DF3BDB - #FAC2FF | 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 #DF3BDB as 0% and #FAC2FF as 100%.

0.0%	0.0% #DF3BDB	RGB 223 59 219	#DF3BDB
16.7%	16.7% #E351E1	RGB 227 81 225	#E351E1
33.3%	33.3% #E868E7	RGB 232 104 231	#E868E7
50.0%	50.0% #EC7EED	RGB 236 126 237	#EC7EED
66.7%	66.7% #F195F3	RGB 241 149 243	#F195F3
83.3%	83.3% #F5ABF9	RGB 245 171 249	#F5ABF9
100.0%	100.0% #FAC2FF	RGB 250 194 255	#FAC2FF

#DF3BDB #E351E1 #E868E7 #EC7EED #F195F3 #F5ABF9 #FAC2FF

#DF3BDB - #FAC2FF

HSV Blend

#DF3BDB - #FAC2FF | 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 #DF3BDB as 0% and #FAC2FF as 100%.

0.0%	0.0% #DF3BDB	RGB 223 59 219	#DF3BDB
16.7%	16.7% #E44FE3	RGB 228 79 227	#E44FE3
33.3%	33.3% #E864E9	RGB 232 100 233	#E864E9
50.0%	50.0% #EB7AEF	RGB 235 122 239	#EB7AEF
66.7%	66.7% #EF91F4	RGB 239 145 244	#EF91F4
83.3%	83.3% #F4A9F9	RGB 244 169 249	#F4A9F9
100.0%	100.0% #FAC2FF	RGB 250 194 255	#FAC2FF

#DF3BDB #E44FE3 #E864E9 #EB7AEF #EF91F4 #F4A9F9 #FAC2FF

#DF3BDB - #EB7AEF - #FAC2FF

CSS codes

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

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