#8C5EBB - #3F0966 | 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 #8C5EBB to #3F0966

#8C5EBB #3F0966

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

#8C5EBB - #3F0966 | 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 #8C5EBB as 0% and #3F0966 as 100%.

0.0%	0.0% #8C5EBB	RGB 140 94 187	#8C5EBB
16.7%	16.7% #7F4FAC	RGB 127 79 172	#7F4FAC
33.3%	33.3% #72419E	RGB 114 65 158	#72419E
50.0%	50.0% #653390	RGB 101 51 144	#653390
66.7%	66.7% #582582	RGB 88 37 130	#582582
83.3%	83.3% #4B1774	RGB 75 23 116	#4B1774
100.0%	100.0% #3F0966	RGB 63 9 102	#3F0966

#8C5EBB #7F4FAC #72419E #653390 #582582 #4B1774 #3F0966

#8C5EBB - #3F0966

HSV Blend

#8C5EBB - #3F0966 | 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 #8C5EBB as 0% and #3F0966 as 100%.

0.0%	0.0% #8C5EBB	RGB 140 94 187	#8C5EBB
16.7%	16.7% #7C4AAC	RGB 124 74 172	#7C4AAC
33.3%	33.3% #6E399E	RGB 110 57 158	#6E399E
50.0%	50.0% #612A90	RGB 97 42 144	#612A90
66.7%	66.7% #551D82	RGB 85 29 130	#551D82
83.3%	83.3% #491274	RGB 73 18 116	#491274
100.0%	100.0% #3F0966	RGB 63 9 102	#3F0966

#8C5EBB #7C4AAC #6E399E #612A90 #551D82 #491274 #3F0966

#8C5EBB - #612A90 - #3F0966

CSS codes

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

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