#8F5E7D - #531C34 | 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 #8F5E7D to #531C34

#8F5E7D #531C34

Calculate the color between two colors, #8F5E7D and #531C34. 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)

#8F5E7D - #531C34 | 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 #8F5E7D as 0% and #531C34 as 100%.

0.0%	0.0% #8F5E7D	RGB 143 94 125	#8F5E7D
16.7%	16.7% #855370	RGB 133 83 112	#855370
33.3%	33.3% #7B4864	RGB 123 72 100	#7B4864
50.0%	50.0% #713D58	RGB 113 61 88	#713D58
66.7%	66.7% #67324C	RGB 103 50 76	#67324C
83.3%	83.3% #5D2740	RGB 93 39 64	#5D2740
100.0%	100.0% #531C34	RGB 83 28 52	#531C34

#8F5E7D #855370 #7B4864 #713D58 #67324C #5D2740 #531C34

#8F5E7D - #531C34

HSV Blend

#8F5E7D - #531C34 | 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 #8F5E7D as 0% and #531C34 as 100%.

0.0%	0.0% #8F5E7D	RGB 143 94 125	#8F5E7D
16.7%	16.7% #85506F	RGB 133 80 111	#85506F
33.3%	33.3% #7B4363	RGB 123 67 99	#7B4363
50.0%	50.0% #713856	RGB 113 56 86	#713856
66.7%	66.7% #672D4A	RGB 103 45 74	#672D4A
83.3%	83.3% #5D243E	RGB 93 36 62	#5D243E
100.0%	100.0% #531C34	RGB 83 28 52	#531C34

#8F5E7D #85506F #7B4363 #713856 #672D4A #5D243E #531C34

#8F5E7D - #713856 - #531C34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E7D 0%, #713856 50%, #531C34 100%);
    background: -webkit-linear-gradient(top, #8F5E7D 0%, #713856 50%, #531C34 100%);
    background: linear-gradient(to bottom, #8F5E7D 0%, #713856 50%, #531C34 100%);
}
</style>