#8A5E8C - #341D3B | 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 #8A5E8C to #341D3B

#8A5E8C #341D3B

Calculate the color between two colors, #8A5E8C and #341D3B. 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)

#8A5E8C - #341D3B | 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 #8A5E8C as 0% and #341D3B as 100%.

0.0%	0.0% #8A5E8C	RGB 138 94 140	#8A5E8C
16.7%	16.7% #7B537E	RGB 123 83 126	#7B537E
33.3%	33.3% #6D4871	RGB 109 72 113	#6D4871
50.0%	50.0% #5F3D63	RGB 95 61 99	#5F3D63
66.7%	66.7% #503256	RGB 80 50 86	#503256
83.3%	83.3% #422748	RGB 66 39 72	#422748
100.0%	100.0% #341D3B	RGB 52 29 59	#341D3B

#8A5E8C #7B537E #6D4871 #5F3D63 #503256 #422748 #341D3B

#8A5E8C - #341D3B

HSV Blend

#8A5E8C - #341D3B | 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 #8A5E8C as 0% and #341D3B as 100%.

0.0%	0.0% #8A5E8C	RGB 138 94 140	#8A5E8C
16.7%	16.7% #7B517E	RGB 123 81 126	#7B517E
33.3%	33.3% #6C4571	RGB 108 69 113	#6C4571
50.0%	50.0% #5D3963	RGB 93 57 99	#5D3963
66.7%	66.7% #4F2F56	RGB 79 47 86	#4F2F56
83.3%	83.3% #412548	RGB 65 37 72	#412548
100.0%	100.0% #341D3B	RGB 52 29 59	#341D3B

#8A5E8C #7B517E #6C4571 #5D3963 #4F2F56 #412548 #341D3B

#8A5E8C - #5D3963 - #341D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A5E8C 0%, #5D3963 50%, #341D3B 100%);
    background: -webkit-linear-gradient(top, #8A5E8C 0%, #5D3963 50%, #341D3B 100%);
    background: linear-gradient(to bottom, #8A5E8C 0%, #5D3963 50%, #341D3B 100%);
}
</style>