#8F5E7E - #3E1D3C | 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 #8F5E7E to #3E1D3C

#8F5E7E #3E1D3C

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

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

0.0%	0.0% #8F5E7E	RGB 143 94 126	#8F5E7E
16.7%	16.7% #815373	RGB 129 83 115	#815373
33.3%	33.3% #744868	RGB 116 72 104	#744868
50.0%	50.0% #663D5D	RGB 102 61 93	#663D5D
66.7%	66.7% #593252	RGB 89 50 82	#593252
83.3%	83.3% #4B2747	RGB 75 39 71	#4B2747
100.0%	100.0% #3E1D3C	RGB 62 29 60	#3E1D3C

#8F5E7E #815373 #744868 #663D5D #593252 #4B2747 #3E1D3C

#8F5E7E - #3E1D3C

HSV Blend

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

0.0%	0.0% #8F5E7E	RGB 143 94 126	#8F5E7E
16.7%	16.7% #815172	RGB 129 81 114	#815172
33.3%	33.3% #744468	RGB 116 68 104	#744468
50.0%	50.0% #66395D	RGB 102 57 93	#66395D
66.7%	66.7% #592F52	RGB 89 47 82	#592F52
83.3%	83.3% #4B2547	RGB 75 37 71	#4B2547
100.0%	100.0% #3E1D3C	RGB 62 29 60	#3E1D3C

#8F5E7E #815172 #744468 #66395D #592F52 #4B2547 #3E1D3C

#8F5E7E - #66395D - #3E1D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E7E 0%, #66395D 50%, #3E1D3C 100%);
    background: -webkit-linear-gradient(top, #8F5E7E 0%, #66395D 50%, #3E1D3C 100%);
    background: linear-gradient(to bottom, #8F5E7E 0%, #66395D 50%, #3E1D3C 100%);
}
</style>