#FF52E5 - #BA00AB | 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 #FF52E5 to #BA00AB

#FF52E5 #BA00AB

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

#FF52E5 - #BA00AB | 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 #FF52E5 as 0% and #BA00AB as 100%.

0.0%	0.0% #FF52E5	RGB 255 82 229	#FF52E5
16.7%	16.7% #F344DB	RGB 243 68 219	#F344DB
33.3%	33.3% #E836D1	RGB 232 54 209	#E836D1
50.0%	50.0% #DC29C8	RGB 220 41 200	#DC29C8
66.7%	66.7% #D11BBE	RGB 209 27 190	#D11BBE
83.3%	83.3% #C50DB4	RGB 197 13 180	#C50DB4
100.0%	100.0% #BA00AB	RGB 186 0 171	#BA00AB

#FF52E5 #F344DB #E836D1 #DC29C8 #D11BBE #C50DB4 #BA00AB

#FF52E5 - #BA00AB

HSV Blend

#FF52E5 - #BA00AB | 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 #FF52E5 as 0% and #BA00AB as 100%.

0.0%	0.0% #FF51E4	RGB 255 81 228	#FF51E4
16.7%	16.7% #F341DA	RGB 243 65 218	#F341DA
33.3%	33.3% #E831D0	RGB 232 49 208	#E831D0
50.0%	50.0% #DC23C7	RGB 220 35 199	#DC23C7
66.7%	66.7% #D116BD	RGB 209 22 189	#D116BD
83.3%	83.3% #C50AB4	RGB 197 10 180	#C50AB4
100.0%	100.0% #BA00AB	RGB 186 0 171	#BA00AB

#FF51E4 #F341DA #E831D0 #DC23C7 #D116BD #C50AB4 #BA00AB

#FF52E5 - #DC23C7 - #BA00AB

CSS codes

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

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