#8F5E98 - #3A1845 | 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 #8F5E98 to #3A1845

#8F5E98 #3A1845

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

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

0.0%	0.0% #8F5E98	RGB 143 94 152	#8F5E98
16.7%	16.7% #80528A	RGB 128 82 138	#80528A
33.3%	33.3% #72467C	RGB 114 70 124	#72467C
50.0%	50.0% #643B6E	RGB 100 59 110	#643B6E
66.7%	66.7% #562F60	RGB 86 47 96	#562F60
83.3%	83.3% #482352	RGB 72 35 82	#482352
100.0%	100.0% #3A1845	RGB 58 24 69	#3A1845

#8F5E98 #80528A #72467C #643B6E #562F60 #482352 #3A1845

#8F5E98 - #3A1845

HSV Blend

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

0.0%	0.0% #8F5E98	RGB 143 94 152	#8F5E98
16.7%	16.7% #804F8A	RGB 128 79 138	#804F8A
33.3%	33.3% #71417C	RGB 113 65 124	#71417C
50.0%	50.0% #63356E	RGB 99 53 110	#63356E
66.7%	66.7% #552A60	RGB 85 42 96	#552A60
83.3%	83.3% #472052	RGB 71 32 82	#472052
100.0%	100.0% #3A1845	RGB 58 24 69	#3A1845

#8F5E98 #804F8A #71417C #63356E #552A60 #472052 #3A1845

#8F5E98 - #63356E - #3A1845

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E98 0%, #63356E 50%, #3A1845 100%);
    background: -webkit-linear-gradient(top, #8F5E98 0%, #63356E 50%, #3A1845 100%);
    background: linear-gradient(to bottom, #8F5E98 0%, #63356E 50%, #3A1845 100%);
}
</style>