#8C5E7B - #4B222E | 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 #8C5E7B to #4B222E

#8C5E7B #4B222E

Calculate the color between two colors, #8C5E7B and #4B222E. 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)

#8C5E7B - #4B222E | 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 #8C5E7B as 0% and #4B222E as 100%.

0.0%	0.0% #8C5E7B	RGB 140 94 123	#8C5E7B
16.7%	16.7% #81546E	RGB 129 84 110	#81546E
33.3%	33.3% #764A61	RGB 118 74 97	#764A61
50.0%	50.0% #6B4054	RGB 107 64 84	#6B4054
66.7%	66.7% #603647	RGB 96 54 71	#603647
83.3%	83.3% #552C3A	RGB 85 44 58	#552C3A
100.0%	100.0% #4B222E	RGB 75 34 46	#4B222E

#8C5E7B #81546E #764A61 #6B4054 #603647 #552C3A #4B222E

#8C5E7B - #4B222E

HSV Blend

#8C5E7B - #4B222E | 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 #8C5E7B as 0% and #4B222E as 100%.

0.0%	0.0% #8C5E7B	RGB 140 94 123	#8C5E7B
16.7%	16.7% #81526D	RGB 129 82 109	#81526D
33.3%	33.3% #76465F	RGB 118 70 95	#76465F
50.0%	50.0% #6B3C52	RGB 107 60 82	#6B3C52
66.7%	66.7% #603245	RGB 96 50 69	#603245
83.3%	83.3% #552A39	RGB 85 42 57	#552A39
100.0%	100.0% #4B222E	RGB 75 34 46	#4B222E

#8C5E7B #81526D #76465F #6B3C52 #603245 #552A39 #4B222E

#8C5E7B - #6B3C52 - #4B222E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E7B 0%, #6B3C52 50%, #4B222E 100%);
    background: -webkit-linear-gradient(top, #8C5E7B 0%, #6B3C52 50%, #4B222E 100%);
    background: linear-gradient(to bottom, #8C5E7B 0%, #6B3C52 50%, #4B222E 100%);
}
</style>