#8F5E8E - #351D3E | 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 #8F5E8E to #351D3E

#8F5E8E #351D3E

Calculate the color between two colors, #8F5E8E and #351D3E. 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)

#8F5E8E - #351D3E | 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 #8F5E8E as 0% and #351D3E as 100%.

0.0%	0.0% #8F5E8E	RGB 143 94 142	#8F5E8E
16.7%	16.7% #805380	RGB 128 83 128	#805380
33.3%	33.3% #714873	RGB 113 72 115	#714873
50.0%	50.0% #623D66	RGB 98 61 102	#623D66
66.7%	66.7% #533258	RGB 83 50 88	#533258
83.3%	83.3% #44274B	RGB 68 39 75	#44274B
100.0%	100.0% #351D3E	RGB 53 29 62	#351D3E

#8F5E8E #805380 #714873 #623D66 #533258 #44274B #351D3E

#8F5E8E - #351D3E

HSV Blend

#8F5E8E - #351D3E | 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 #8F5E8E as 0% and #351D3E as 100%.

0.0%	0.0% #8F5E8E	RGB 143 94 142	#8F5E8E
16.7%	16.7% #805181	RGB 128 81 129	#805181
33.3%	33.3% #704474	RGB 112 68 116	#704474
50.0%	50.0% #603966	RGB 96 57 102	#603966
66.7%	66.7% #512F59	RGB 81 47 89	#512F59
83.3%	83.3% #43254B	RGB 67 37 75	#43254B
100.0%	100.0% #351D3E	RGB 53 29 62	#351D3E

#8F5E8E #805181 #704474 #603966 #512F59 #43254B #351D3E

#8F5E8E - #603966 - #351D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E8E 0%, #603966 50%, #351D3E 100%);
    background: -webkit-linear-gradient(top, #8F5E8E 0%, #603966 50%, #351D3E 100%);
    background: linear-gradient(to bottom, #8F5E8E 0%, #603966 50%, #351D3E 100%);
}
</style>