#BA4DFF - #FF64E3 | 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 #BA4DFF to #FF64E3

#BA4DFF #FF64E3

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

#BA4DFF - #FF64E3 | 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 #BA4DFF as 0% and #FF64E3 as 100%.

0.0%	0.0% #BA4DFF	RGB 186 77 255	#BA4DFF
16.7%	16.7% #C550FA	RGB 197 80 250	#C550FA
33.3%	33.3% #D154F5	RGB 209 84 245	#D154F5
50.0%	50.0% #DC58F1	RGB 220 88 241	#DC58F1
66.7%	66.7% #E85CEC	RGB 232 92 236	#E85CEC
83.3%	83.3% #F360E7	RGB 243 96 231	#F360E7
100.0%	100.0% #FF64E3	RGB 255 100 227	#FF64E3

#BA4DFF #C550FA #D154F5 #DC58F1 #E85CEC #F360E7 #FF64E3

#BA4DFF - #FF64E3

HSV Blend

#BA4DFF - #FF64E3 | 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 #BA4DFF as 0% and #FF64E3 as 100%.

0.0%	0.0% #BA4DFF	RGB 186 77 255	#BA4DFF
16.7%	16.7% #CB50FF	RGB 203 80 255	#CB50FF
33.3%	33.3% #DD54FF	RGB 221 84 255	#DD54FF
50.0%	50.0% #ED58FF	RGB 237 88 255	#ED58FF
66.7%	66.7% #FD5CFF	RGB 253 92 255	#FD5CFF
83.3%	83.3% #FF60F1	RGB 255 96 241	#FF60F1
100.0%	100.0% #FF64E3	RGB 255 100 227	#FF64E3

#BA4DFF #CB50FF #DD54FF #ED58FF #FD5CFF #FF60F1 #FF64E3

#BA4DFF - #ED58FF - #FF64E3

CSS codes

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

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