#BA0BA4 - #5E0051 | 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 #BA0BA4 to #5E0051

#BA0BA4 #5E0051

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

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

0.0%	0.0% #BA0BA4	RGB 186 11 164	#BA0BA4
16.7%	16.7% #AA0996	RGB 170 9 150	#AA0996
33.3%	33.3% #9B0788	RGB 155 7 136	#9B0788
50.0%	50.0% #8C057A	RGB 140 5 122	#8C057A
66.7%	66.7% #7C036C	RGB 124 3 108	#7C036C
83.3%	83.3% #6D015E	RGB 109 1 94	#6D015E
100.0%	100.0% #5E0051	RGB 94 0 81	#5E0051

#BA0BA4 #AA0996 #9B0788 #8C057A #7C036C #6D015E #5E0051

#BA0BA4 - #5E0051

HSV Blend

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

0.0%	0.0% #BA0BA4	RGB 186 11 164	#BA0BA4
16.7%	16.7% #AA0895	RGB 170 8 149	#AA0895
33.3%	33.3% #9B0687	RGB 155 6 135	#9B0687
50.0%	50.0% #8C047A	RGB 140 4 122	#8C047A
66.7%	66.7% #7C026C	RGB 124 2 108	#7C026C
83.3%	83.3% #6D015E	RGB 109 1 94	#6D015E
100.0%	100.0% #5E0051	RGB 94 0 81	#5E0051

#BA0BA4 #AA0895 #9B0687 #8C047A #7C026C #6D015E #5E0051

#BA0BA4 - #8C047A - #5E0051

CSS codes

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

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