#8D5E99 - #271A2B | 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 #8D5E99 to #271A2B

#8D5E99 #271A2B

Calculate the color between two colors, #8D5E99 and #271A2B. 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)

#8D5E99 - #271A2B | 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 #8D5E99 as 0% and #271A2B as 100%.

0.0%	0.0% #8D5E99	RGB 141 94 153	#8D5E99
16.7%	16.7% #7C5286	RGB 124 82 134	#7C5286
33.3%	33.3% #6B4774	RGB 107 71 116	#6B4774
50.0%	50.0% #5A3C62	RGB 90 60 98	#5A3C62
66.7%	66.7% #49304F	RGB 73 48 79	#49304F
83.3%	83.3% #38253D	RGB 56 37 61	#38253D
100.0%	100.0% #271A2B	RGB 39 26 43	#271A2B

#8D5E99 #7C5286 #6B4774 #5A3C62 #49304F #38253D #271A2B

#8D5E99 - #271A2B

HSV Blend

#8D5E99 - #271A2B | 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 #8D5E99 as 0% and #271A2B as 100%.

0.0%	0.0% #8D5E99	RGB 141 94 153	#8D5E99
16.7%	16.7% #7B5286	RGB 123 82 134	#7B5286
33.3%	33.3% #6A4774	RGB 106 71 116	#6A4774
50.0%	50.0% #593B62	RGB 89 59 98	#593B62
66.7%	66.7% #48304F	RGB 72 48 79	#48304F
83.3%	83.3% #37253D	RGB 55 37 61	#37253D
100.0%	100.0% #271A2B	RGB 39 26 43	#271A2B

#8D5E99 #7B5286 #6A4774 #593B62 #48304F #37253D #271A2B

#8D5E99 - #593B62 - #271A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E99 0%, #593B62 50%, #271A2B 100%);
    background: -webkit-linear-gradient(top, #8D5E99 0%, #593B62 50%, #271A2B 100%);
    background: linear-gradient(to bottom, #8D5E99 0%, #593B62 50%, #271A2B 100%);
}
</style>