#8D4DB6 - #3A005F | 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 #8D4DB6 to #3A005F

#8D4DB6 #3A005F

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

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

0.0%	0.0% #8D4DB6	RGB 141 77 182	#8D4DB6
16.7%	16.7% #7F40A7	RGB 127 64 167	#7F40A7
33.3%	33.3% #713399	RGB 113 51 153	#713399
50.0%	50.0% #63268A	RGB 99 38 138	#63268A
66.7%	66.7% #55197C	RGB 85 25 124	#55197C
83.3%	83.3% #470C6D	RGB 71 12 109	#470C6D
100.0%	100.0% #3A005F	RGB 58 0 95	#3A005F

#8D4DB6 #7F40A7 #713399 #63268A #55197C #470C6D #3A005F

#8D4DB6 - #3A005F

HSV Blend

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

0.0%	0.0% #8D4DB6	RGB 141 77 182	#8D4DB6
16.7%	16.7% #7D3BA7	RGB 125 59 167	#7D3BA7
33.3%	33.3% #6E2B99	RGB 110 43 153	#6E2B99
50.0%	50.0% #5F1D8A	RGB 95 29 138	#5F1D8A
66.7%	66.7% #52117C	RGB 82 17 124	#52117C
83.3%	83.3% #45076D	RGB 69 7 109	#45076D
100.0%	100.0% #3A005F	RGB 58 0 95	#3A005F

#8D4DB6 #7D3BA7 #6E2B99 #5F1D8A #52117C #45076D #3A005F

#8D4DB6 - #5F1D8A - #3A005F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D4DB6 0%, #5F1D8A 50%, #3A005F 100%);
    background: -webkit-linear-gradient(top, #8D4DB6 0%, #5F1D8A 50%, #3A005F 100%);
    background: linear-gradient(to bottom, #8D4DB6 0%, #5F1D8A 50%, #3A005F 100%);
}
</style>