#8A2BE2 - #270C40 | 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 #8A2BE2 to #270C40

#8A2BE2 #270C40

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

#8A2BE2 - #270C40 | 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 #8A2BE2 as 0% and #270C40 as 100%.

0.0%	0.0% #8A2BE2	RGB 138 43 226	#8A2BE2
16.7%	16.7% #7925C7	RGB 121 37 199	#7925C7
33.3%	33.3% #6920AC	RGB 105 32 172	#6920AC
50.0%	50.0% #581B91	RGB 88 27 145	#581B91
66.7%	66.7% #481676	RGB 72 22 118	#481676
83.3%	83.3% #37115B	RGB 55 17 91	#37115B
100.0%	100.0% #270C40	RGB 39 12 64	#270C40

#8A2BE2 #7925C7 #6920AC #581B91 #481676 #37115B #270C40

#8A2BE2 - #270C40

HSV Blend

#8A2BE2 - #270C40 | 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 #8A2BE2 as 0% and #270C40 as 100%.

0.0%	0.0% #892BE2	RGB 137 43 226	#892BE2
16.7%	16.7% #7925C7	RGB 121 37 199	#7925C7
33.3%	33.3% #6820AC	RGB 104 32 172	#6820AC
50.0%	50.0% #581B91	RGB 88 27 145	#581B91
66.7%	66.7% #471676	RGB 71 22 118	#471676
83.3%	83.3% #37115B	RGB 55 17 91	#37115B
100.0%	100.0% #270C40	RGB 39 12 64	#270C40

#892BE2 #7925C7 #6820AC #581B91 #471676 #37115B #270C40

#8A2BE2 - #581B91 - #270C40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #892BE2 0%, #581B91 50%, #270C40 100%);
    background: -webkit-linear-gradient(top, #892BE2 0%, #581B91 50%, #270C40 100%);
    background: linear-gradient(to bottom, #892BE2 0%, #581B91 50%, #270C40 100%);
}
</style>