#8C5EBA - #410789 | 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 #8C5EBA to #410789

#8C5EBA #410789

Calculate the color between two colors, #8C5EBA and #410789. 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)

#8C5EBA - #410789 | 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 #8C5EBA as 0% and #410789 as 100%.

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #7F4FB1	RGB 127 79 177	#7F4FB1
33.3%	33.3% #7341A9	RGB 115 65 169	#7341A9
50.0%	50.0% #6632A1	RGB 102 50 161	#6632A1
66.7%	66.7% #5A2399	RGB 90 35 153	#5A2399
83.3%	83.3% #4D1591	RGB 77 21 145	#4D1591
100.0%	100.0% #410789	RGB 65 7 137	#410789

#8C5EBA #7F4FB1 #7341A9 #6632A1 #5A2399 #4D1591 #410789

#8C5EBA - #410789

HSV Blend

#8C5EBA - #410789 | 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 #8C5EBA as 0% and #410789 as 100%.

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #7E4CB1	RGB 126 76 177	#7E4CB1
33.3%	33.3% #703CA9	RGB 112 60 169	#703CA9
50.0%	50.0% #642CA1	RGB 100 44 161	#642CA1
66.7%	66.7% #571F99	RGB 87 31 153	#571F99
83.3%	83.3% #4C1291	RGB 76 18 145	#4C1291
100.0%	100.0% #410789	RGB 65 7 137	#410789

#8C5EBA #7E4CB1 #703CA9 #642CA1 #571F99 #4C1291 #410789

#8C5EBA - #642CA1 - #410789

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5EBA 0%, #642CA1 50%, #410789 100%);
    background: -webkit-linear-gradient(top, #8C5EBA 0%, #642CA1 50%, #410789 100%);
    background: linear-gradient(to bottom, #8C5EBA 0%, #642CA1 50%, #410789 100%);
}
</style>