#5E1856 - #B7447F | 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 #5E1856 to #B7447F

#5E1856 #B7447F

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

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

0.0%	0.0% #5E1856	RGB 94 24 86	#5E1856
16.7%	16.7% #6C1F5C	RGB 108 31 92	#6C1F5C
33.3%	33.3% #7B2663	RGB 123 38 99	#7B2663
50.0%	50.0% #8A2E6A	RGB 138 46 106	#8A2E6A
66.7%	66.7% #993571	RGB 153 53 113	#993571
83.3%	83.3% #A83C78	RGB 168 60 120	#A83C78
100.0%	100.0% #B7447F	RGB 183 68 127	#B7447F

#5E1856 #6C1F5C #7B2663 #8A2E6A #993571 #A83C78 #B7447F

#5E1856 - #B7447F

HSV Blend

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

0.0%	0.0% #5E1856	RGB 94 24 86	#5E1856
16.7%	16.7% #6C1D5E	RGB 108 29 94	#6C1D5E
33.3%	33.3% #7B2466	RGB 123 36 102	#7B2466
50.0%	50.0% #8A2B6D	RGB 138 43 109	#8A2B6D
66.7%	66.7% #993374	RGB 153 51 116	#993374
83.3%	83.3% #A83B79	RGB 168 59 121	#A83B79
100.0%	100.0% #B7447F	RGB 183 68 127	#B7447F

#5E1856 #6C1D5E #7B2466 #8A2B6D #993374 #A83B79 #B7447F

#5E1856 - #8A2B6D - #B7447F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1856 0%, #8A2B6D 50%, #B7447F 100%);
    background: -webkit-linear-gradient(top, #5E1856 0%, #8A2B6D 50%, #B7447F 100%);
    background: linear-gradient(to bottom, #5E1856 0%, #8A2B6D 50%, #B7447F 100%);
}
</style>