#331D3A - #8F4A8E | 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 #331D3A to #8F4A8E

#331D3A #8F4A8E

Calculate the color between two colors, #331D3A and #8F4A8E. 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)

#331D3A - #8F4A8E | 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 #331D3A as 0% and #8F4A8E as 100%.

0.0%	0.0% #331D3A	RGB 51 29 58	#331D3A
16.7%	16.7% #422448	RGB 66 36 72	#422448
33.3%	33.3% #512C56	RGB 81 44 86	#512C56
50.0%	50.0% #613364	RGB 97 51 100	#613364
66.7%	66.7% #703B72	RGB 112 59 114	#703B72
83.3%	83.3% #7F4280	RGB 127 66 128	#7F4280
100.0%	100.0% #8F4A8E	RGB 143 74 142	#8F4A8E

#331D3A #422448 #512C56 #613364 #703B72 #7F4280 #8F4A8E

#331D3A - #8F4A8E

HSV Blend

#331D3A - #8F4A8E | 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 #331D3A as 0% and #8F4A8E as 100%.

0.0%	0.0% #331D3A	RGB 51 29 58	#331D3A
16.7%	16.7% #412448	RGB 65 36 72	#412448
33.3%	33.3% #4F2B56	RGB 79 43 86	#4F2B56
50.0%	50.0% #5E3364	RGB 94 51 100	#5E3364
66.7%	66.7% #6E3A72	RGB 110 58 114	#6E3A72
83.3%	83.3% #7F4280	RGB 127 66 128	#7F4280
100.0%	100.0% #8F4A8E	RGB 143 74 142	#8F4A8E

#331D3A #412448 #4F2B56 #5E3364 #6E3A72 #7F4280 #8F4A8E

#331D3A - #5E3364 - #8F4A8E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #331D3A 0%, #5E3364 50%, #8F4A8E 100%);
    background: -webkit-linear-gradient(top, #331D3A 0%, #5E3364 50%, #8F4A8E 100%);
    background: linear-gradient(to bottom, #331D3A 0%, #5E3364 50%, #8F4A8E 100%);
}
</style>