#5E1A45 - #BA596A | 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 #5E1A45 to #BA596A

#5E1A45 #BA596A

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

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

0.0%	0.0% #5E1A45	RGB 94 26 69	#5E1A45
16.7%	16.7% #6D244B	RGB 109 36 75	#6D244B
33.3%	33.3% #7C2F51	RGB 124 47 81	#7C2F51
50.0%	50.0% #8C3957	RGB 140 57 87	#8C3957
66.7%	66.7% #9B445D	RGB 155 68 93	#9B445D
83.3%	83.3% #AA4E63	RGB 170 78 99	#AA4E63
100.0%	100.0% #BA596A	RGB 186 89 106	#BA596A

#5E1A45 #6D244B #7C2F51 #8C3957 #9B445D #AA4E63 #BA596A

#5E1A45 - #BA596A

HSV Blend

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

0.0%	0.0% #5E1A45	RGB 94 26 69	#5E1A45
16.7%	16.7% #6D214B	RGB 109 33 75	#6D214B
33.3%	33.3% #7C2A52	RGB 124 42 82	#7C2A52
50.0%	50.0% #8C3458	RGB 140 52 88	#8C3458
66.7%	66.7% #9B3F5D	RGB 155 63 93	#9B3F5D
83.3%	83.3% #AA4B63	RGB 170 75 99	#AA4B63
100.0%	100.0% #BA596A	RGB 186 89 106	#BA596A

#5E1A45 #6D214B #7C2A52 #8C3458 #9B3F5D #AA4B63 #BA596A

#5E1A45 - #8C3458 - #BA596A

CSS codes

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

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