#8B5E7D - #271A23 | 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 #8B5E7D to #271A23

#8B5E7D #271A23

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

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

0.0%	0.0% #8B5E7D	RGB 139 94 125	#8B5E7D
16.7%	16.7% #7A526E	RGB 122 82 110	#7A526E
33.3%	33.3% #69475F	RGB 105 71 95	#69475F
50.0%	50.0% #593C50	RGB 89 60 80	#593C50
66.7%	66.7% #483041	RGB 72 48 65	#483041
83.3%	83.3% #372532	RGB 55 37 50	#372532
100.0%	100.0% #271A23	RGB 39 26 35	#271A23

#8B5E7D #7A526E #69475F #593C50 #483041 #372532 #271A23

#8B5E7D - #271A23

HSV Blend

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

0.0%	0.0% #8B5E7D	RGB 139 94 125	#8B5E7D
16.7%	16.7% #7A526D	RGB 122 82 109	#7A526D
33.3%	33.3% #69475E	RGB 105 71 94	#69475E
50.0%	50.0% #593B4F	RGB 89 59 79	#593B4F
66.7%	66.7% #483040	RGB 72 48 64	#483040
83.3%	83.3% #372531	RGB 55 37 49	#372531
100.0%	100.0% #271A23	RGB 39 26 35	#271A23

#8B5E7D #7A526D #69475E #593B4F #483040 #372531 #271A23

#8B5E7D - #593B4F - #271A23

CSS codes

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

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