#5E1248 - #B52E7B | 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 #5E1248 to #B52E7B

#5E1248 #B52E7B

Calculate the color between two colors, #5E1248 and #B52E7B. 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)

#5E1248 - #B52E7B | 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 #5E1248 as 0% and #B52E7B as 100%.

0.0%	0.0% #5E1248	RGB 94 18 72	#5E1248
16.7%	16.7% #6C1650	RGB 108 22 80	#6C1650
33.3%	33.3% #7B1B59	RGB 123 27 89	#7B1B59
50.0%	50.0% #892061	RGB 137 32 97	#892061
66.7%	66.7% #98246A	RGB 152 36 106	#98246A
83.3%	83.3% #A62972	RGB 166 41 114	#A62972
100.0%	100.0% #B52E7B	RGB 181 46 123	#B52E7B

#5E1248 #6C1650 #7B1B59 #892061 #98246A #A62972 #B52E7B

#5E1248 - #B52E7B

HSV Blend

#5E1248 - #B52E7B | 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 #5E1248 as 0% and #B52E7B as 100%.

0.0%	0.0% #5E1148	RGB 94 17 72	#5E1148
16.7%	16.7% #6C1551	RGB 108 21 81	#6C1551
33.3%	33.3% #7B1A5A	RGB 123 26 90	#7B1A5A
50.0%	50.0% #891E63	RGB 137 30 99	#891E63
66.7%	66.7% #98236B	RGB 152 35 107	#98236B
83.3%	83.3% #A62873	RGB 166 40 115	#A62873
100.0%	100.0% #B52E7B	RGB 181 46 123	#B52E7B

#5E1148 #6C1551 #7B1A5A #891E63 #98236B #A62873 #B52E7B

#5E1248 - #891E63 - #B52E7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1148 0%, #891E63 50%, #B52E7B 100%);
    background: -webkit-linear-gradient(top, #5E1148 0%, #891E63 50%, #B52E7B 100%);
    background: linear-gradient(to bottom, #5E1148 0%, #891E63 50%, #B52E7B 100%);
}
</style>