#5E3C9B - #2A033B | 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 #5E3C9B to #2A033B

#5E3C9B #2A033B

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

#5E3C9B - #2A033B | 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 #5E3C9B as 0% and #2A033B as 100%.

0.0%	0.0% #5E3C9B	RGB 94 60 155	#5E3C9B
16.7%	16.7% #55328B	RGB 85 50 139	#55328B
33.3%	33.3% #4C297B	RGB 76 41 123	#4C297B
50.0%	50.0% #441F6B	RGB 68 31 107	#441F6B
66.7%	66.7% #3B165B	RGB 59 22 91	#3B165B
83.3%	83.3% #320C4B	RGB 50 12 75	#320C4B
100.0%	100.0% #2A033B	RGB 42 3 59	#2A033B

#5E3C9B #55328B #4C297B #441F6B #3B165B #320C4B #2A033B

#5E3C9B - #2A033B

HSV Blend

#5E3C9B - #2A033B | 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 #5E3C9B as 0% and #2A033B as 100%.

0.0%	0.0% #5E3C9B	RGB 94 60 155	#5E3C9B
16.7%	16.7% #542E8B	RGB 84 46 139	#542E8B
33.3%	33.3% #4B217B	RGB 75 33 123	#4B217B
50.0%	50.0% #43176B	RGB 67 23 107	#43176B
66.7%	66.7% #3B0E5B	RGB 59 14 91	#3B0E5B
83.3%	83.3% #32084B	RGB 50 8 75	#32084B
100.0%	100.0% #2A033B	RGB 42 3 59	#2A033B

#5E3C9B #542E8B #4B217B #43176B #3B0E5B #32084B #2A033B

#5E3C9B - #43176B - #2A033B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C9B 0%, #43176B 50%, #2A033B 100%);
    background: -webkit-linear-gradient(top, #5E3C9B 0%, #43176B 50%, #2A033B 100%);
    background: linear-gradient(to bottom, #5E3C9B 0%, #43176B 50%, #2A033B 100%);
}
</style>