#5E458B - #2B0A31 | 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 #5E458B to #2B0A31

#5E458B #2B0A31

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

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

0.0%	0.0% #5E458B	RGB 94 69 139	#5E458B
16.7%	16.7% #553B7C	RGB 85 59 124	#553B7C
33.3%	33.3% #4D316D	RGB 77 49 109	#4D316D
50.0%	50.0% #44275E	RGB 68 39 94	#44275E
66.7%	66.7% #3C1D4F	RGB 60 29 79	#3C1D4F
83.3%	83.3% #331340	RGB 51 19 64	#331340
100.0%	100.0% #2B0A31	RGB 43 10 49	#2B0A31

#5E458B #553B7C #4D316D #44275E #3C1D4F #331340 #2B0A31

#5E458B - #2B0A31

HSV Blend

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

0.0%	0.0% #5D458B	RGB 93 69 139	#5D458B
16.7%	16.7% #55377C	RGB 85 55 124	#55377C
33.3%	33.3% #4D2B6D	RGB 77 43 109	#4D2B6D
50.0%	50.0% #45205E	RGB 69 32 94	#45205E
66.7%	66.7% #3D174F	RGB 61 23 79	#3D174F
83.3%	83.3% #341040	RGB 52 16 64	#341040
100.0%	100.0% #2B0A31	RGB 43 10 49	#2B0A31

#5D458B #55377C #4D2B6D #45205E #3D174F #341040 #2B0A31

#5E458B - #45205E - #2B0A31

CSS codes

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

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