#5E1758 - #BA5C86 | 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 #5E1758 to #BA5C86

#5E1758 #BA5C86

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

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

0.0%	0.0% #5E1758	RGB 94 23 88	#5E1758
16.7%	16.7% #6D225F	RGB 109 34 95	#6D225F
33.3%	33.3% #7C2E67	RGB 124 46 103	#7C2E67
50.0%	50.0% #8C396F	RGB 140 57 111	#8C396F
66.7%	66.7% #9B4576	RGB 155 69 118	#9B4576
83.3%	83.3% #AA507E	RGB 170 80 126	#AA507E
100.0%	100.0% #BA5C86	RGB 186 92 134	#BA5C86

#5E1758 #6D225F #7C2E67 #8C396F #9B4576 #AA507E #BA5C86

#5E1758 - #BA5C86

HSV Blend

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

0.0%	0.0% #5E1658	RGB 94 22 88	#5E1658
16.7%	16.7% #6D1F60	RGB 109 31 96	#6D1F60
33.3%	33.3% #7C2868	RGB 124 40 104	#7C2868
50.0%	50.0% #8C336F	RGB 140 51 111	#8C336F
66.7%	66.7% #9B3F77	RGB 155 63 119	#9B3F77
83.3%	83.3% #AA4D7E	RGB 170 77 126	#AA4D7E
100.0%	100.0% #BA5C86	RGB 186 92 134	#BA5C86

#5E1658 #6D1F60 #7C2868 #8C336F #9B3F77 #AA4D7E #BA5C86

#5E1758 - #8C336F - #BA5C86

CSS codes

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

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