#8D6CDA - #271E3E | 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 #8D6CDA to #271E3E

#8D6CDA #271E3E

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

#8D6CDA - #271E3E | 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 #8D6CDA as 0% and #271E3E as 100%.

0.0%	0.0% #8D6CDA	RGB 141 108 218	#8D6CDA
16.7%	16.7% #7C5FC0	RGB 124 95 192	#7C5FC0
33.3%	33.3% #6B52A6	RGB 107 82 166	#6B52A6
50.0%	50.0% #5A458C	RGB 90 69 140	#5A458C
66.7%	66.7% #493872	RGB 73 56 114	#493872
83.3%	83.3% #382B58	RGB 56 43 88	#382B58
100.0%	100.0% #271E3E	RGB 39 30 62	#271E3E

#8D6CDA #7C5FC0 #6B52A6 #5A458C #493872 #382B58 #271E3E

#8D6CDA - #271E3E

HSV Blend

#8D6CDA - #271E3E | 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 #8D6CDA as 0% and #271E3E as 100%.

0.0%	0.0% #8C6CDA	RGB 140 108 218	#8C6CDA
16.7%	16.7% #7B5EC0	RGB 123 94 192	#7B5EC0
33.3%	33.3% #6A51A6	RGB 106 81 166	#6A51A6
50.0%	50.0% #59448C	RGB 89 68 140	#59448C
66.7%	66.7% #483772	RGB 72 55 114	#483772
83.3%	83.3% #372A58	RGB 55 42 88	#372A58
100.0%	100.0% #271E3E	RGB 39 30 62	#271E3E

#8C6CDA #7B5EC0 #6A51A6 #59448C #483772 #372A58 #271E3E

#8D6CDA - #59448C - #271E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C6CDA 0%, #59448C 50%, #271E3E 100%);
    background: -webkit-linear-gradient(top, #8C6CDA 0%, #59448C 50%, #271E3E 100%);
    background: linear-gradient(to bottom, #8C6CDA 0%, #59448C 50%, #271E3E 100%);
}
</style>