#8C5EBA - #3F0A65 | 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 #3F0A65

#8C5EBA #3F0A65

Calculate the color between two colors, #8C5EBA and #3F0A65. 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 - #3F0A65 | 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 #3F0A65 as 100%.

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #7F50AB	RGB 127 80 171	#7F50AB
33.3%	33.3% #72429D	RGB 114 66 157	#72429D
50.0%	50.0% #65348F	RGB 101 52 143	#65348F
66.7%	66.7% #582581	RGB 88 37 129	#582581
83.3%	83.3% #4B1873	RGB 75 24 115	#4B1873
100.0%	100.0% #3F0A65	RGB 63 10 101	#3F0A65

#8C5EBA #7F50AB #72429D #65348F #582581 #4B1873 #3F0A65

#8C5EBA - #3F0A65

HSV Blend

#8C5EBA - #3F0A65 | 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 #3F0A65 as 100%.

0.0%	0.0% #8C5EBA	RGB 140 94 186	#8C5EBA
16.7%	16.7% #7C4BAB	RGB 124 75 171	#7C4BAB
33.3%	33.3% #6E3A9D	RGB 110 58 157	#6E3A9D
50.0%	50.0% #612B8F	RGB 97 43 143	#612B8F
66.7%	66.7% #551E81	RGB 85 30 129	#551E81
83.3%	83.3% #491373	RGB 73 19 115	#491373
100.0%	100.0% #3F0A65	RGB 63 10 101	#3F0A65

#8C5EBA #7C4BAB #6E3A9D #612B8F #551E81 #491373 #3F0A65

#8C5EBA - #612B8F - #3F0A65

CSS codes

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

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