#B50B7B - #FF2AC5 | 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 #B50B7B to #FF2AC5

#B50B7B #FF2AC5

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

#B50B7B - #FF2AC5 | 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 #B50B7B as 0% and #FF2AC5 as 100%.

0.0%	0.0% #B50B7B	RGB 181 11 123	#B50B7B
16.7%	16.7% #C11087	RGB 193 16 135	#C11087
33.3%	33.3% #CD1593	RGB 205 21 147	#CD1593
50.0%	50.0% #DA1AA0	RGB 218 26 160	#DA1AA0
66.7%	66.7% #E61FAC	RGB 230 31 172	#E61FAC
83.3%	83.3% #F224B8	RGB 242 36 184	#F224B8
100.0%	100.0% #FF2AC5	RGB 255 42 197	#FF2AC5

#B50B7B #C11087 #CD1593 #DA1AA0 #E61FAC #F224B8 #FF2AC5

#B50B7B - #FF2AC5

HSV Blend

#B50B7B - #FF2AC5 | 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 #B50B7B as 0% and #FF2AC5 as 100%.

0.0%	0.0% #B50B7B	RGB 181 11 123	#B50B7B
16.7%	16.7% #C10F86	RGB 193 15 134	#C10F86
33.3%	33.3% #CD1392	RGB 205 19 146	#CD1392
50.0%	50.0% #DA189E	RGB 218 24 158	#DA189E
66.7%	66.7% #E61DAB	RGB 230 29 171	#E61DAB
83.3%	83.3% #F223B7	RGB 242 35 183	#F223B7
100.0%	100.0% #FF2AC5	RGB 255 42 197	#FF2AC5

#B50B7B #C10F86 #CD1392 #DA189E #E61DAB #F223B7 #FF2AC5

#B50B7B - #DA189E - #FF2AC5

CSS codes

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

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