#BA4DFF - #4F00C8 | 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 #4F00C8

#BA4DFF #4F00C8

Calculate the color between two colors, #BA4DFF and #4F00C8. 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 - #4F00C8 | 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 #4F00C8 as 100%.

0.0%	0.0% #BA4DFF	RGB 186 77 255	#BA4DFF
16.7%	16.7% #A840F5	RGB 168 64 245	#A840F5
33.3%	33.3% #9633EC	RGB 150 51 236	#9633EC
50.0%	50.0% #8426E3	RGB 132 38 227	#8426E3
66.7%	66.7% #7219DA	RGB 114 25 218	#7219DA
83.3%	83.3% #600CD1	RGB 96 12 209	#600CD1
100.0%	100.0% #4F00C8	RGB 79 0 200	#4F00C8

#BA4DFF #A840F5 #9633EC #8426E3 #7219DA #600CD1 #4F00C8

#BA4DFF - #4F00C8

HSV Blend

#BA4DFF - #4F00C8 | 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 #4F00C8 as 100%.

0.0%	0.0% #BA4DFF	RGB 186 77 255	#BA4DFF
16.7%	16.7% #A73DF5	RGB 167 61 245	#A73DF5
33.3%	33.3% #952FEC	RGB 149 47 236	#952FEC
50.0%	50.0% #8322E3	RGB 131 34 227	#8322E3
66.7%	66.7% #7115DA	RGB 113 21 218	#7115DA
83.3%	83.3% #600AD1	RGB 96 10 209	#600AD1
100.0%	100.0% #4F00C8	RGB 79 0 200	#4F00C8

#BA4DFF #A73DF5 #952FEC #8322E3 #7115DA #600AD1 #4F00C8

#BA4DFF - #8322E3 - #4F00C8

CSS codes

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

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