#5E3B9F - #2A013E | 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 #5E3B9F to #2A013E

#5E3B9F #2A013E

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

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

0.0%	0.0% #5E3B9F	RGB 94 59 159	#5E3B9F
16.7%	16.7% #55318E	RGB 85 49 142	#55318E
33.3%	33.3% #4C277E	RGB 76 39 126	#4C277E
50.0%	50.0% #441E6E	RGB 68 30 110	#441E6E
66.7%	66.7% #3B145E	RGB 59 20 94	#3B145E
83.3%	83.3% #320A4E	RGB 50 10 78	#320A4E
100.0%	100.0% #2A013E	RGB 42 1 62	#2A013E

#5E3B9F #55318E #4C277E #441E6E #3B145E #320A4E #2A013E

#5E3B9F - #2A013E

HSV Blend

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

0.0%	0.0% #5E3B9F	RGB 94 59 159	#5E3B9F
16.7%	16.7% #542C8E	RGB 84 44 142	#542C8E
33.3%	33.3% #4B207E	RGB 75 32 126	#4B207E
50.0%	50.0% #42156E	RGB 66 21 110	#42156E
66.7%	66.7% #3A0C5E	RGB 58 12 94	#3A0C5E
83.3%	83.3% #32054E	RGB 50 5 78	#32054E
100.0%	100.0% #2A013E	RGB 42 1 62	#2A013E

#5E3B9F #542C8E #4B207E #42156E #3A0C5E #32054E #2A013E

#5E3B9F - #42156E - #2A013E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3B9F 0%, #42156E 50%, #2A013E 100%);
    background: -webkit-linear-gradient(top, #5E3B9F 0%, #42156E 50%, #2A013E 100%);
    background: linear-gradient(to bottom, #5E3B9F 0%, #42156E 50%, #2A013E 100%);
}
</style>