#5E1E57 - #8773AC | 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 #5E1E57 to #8773AC

#5E1E57 #8773AC

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

#5E1E57 - #8773AC | 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 #5E1E57 as 0% and #8773AC as 100%.

0.0%	0.0% #5E1E57	RGB 94 30 87	#5E1E57
16.7%	16.7% #642C65	RGB 100 44 101	#642C65
33.3%	33.3% #6B3A73	RGB 107 58 115	#6B3A73
50.0%	50.0% #724881	RGB 114 72 129	#724881
66.7%	66.7% #79568F	RGB 121 86 143	#79568F
83.3%	83.3% #80649D	RGB 128 100 157	#80649D
100.0%	100.0% #8773AC	RGB 135 115 172	#8773AC

#5E1E57 #642C65 #6B3A73 #724881 #79568F #80649D #8773AC

#5E1E57 - #8773AC

HSV Blend

#5E1E57 - #8773AC | 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 #5E1E57 as 0% and #8773AC as 100%.

0.0%	0.0% #5E1E57	RGB 94 30 87	#5E1E57
16.7%	16.7% #69286B	RGB 105 40 107	#69286B
33.3%	33.3% #6E3478	RGB 110 52 120	#6E3478
50.0%	50.0% #724185	RGB 114 65 133	#724185
66.7%	66.7% #785092	RGB 120 80 146	#785092
83.3%	83.3% #7E619F	RGB 126 97 159	#7E619F
100.0%	100.0% #8773AC	RGB 135 115 172	#8773AC

#5E1E57 #69286B #6E3478 #724185 #785092 #7E619F #8773AC

#5E1E57 - #724185 - #8773AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1E57 0%, #724185 50%, #8773AC 100%);
    background: -webkit-linear-gradient(top, #5E1E57 0%, #724185 50%, #8773AC 100%);
    background: linear-gradient(to bottom, #5E1E57 0%, #724185 50%, #8773AC 100%);
}
</style>