#8F5E7E - #61162F | 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 #8F5E7E to #61162F

#8F5E7E #61162F

Calculate the color between two colors, #8F5E7E and #61162F. 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)

#8F5E7E - #61162F | 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 #8F5E7E as 0% and #61162F as 100%.

0.0%	0.0% #8F5E7E	RGB 143 94 126	#8F5E7E
16.7%	16.7% #875270	RGB 135 82 112	#875270
33.3%	33.3% #7F4663	RGB 127 70 99	#7F4663
50.0%	50.0% #783A56	RGB 120 58 86	#783A56
66.7%	66.7% #702E49	RGB 112 46 73	#702E49
83.3%	83.3% #68223C	RGB 104 34 60	#68223C
100.0%	100.0% #61162F	RGB 97 22 47	#61162F

#8F5E7E #875270 #7F4663 #783A56 #702E49 #68223C #61162F

#8F5E7E - #61162F

HSV Blend

#8F5E7E - #61162F | 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 #8F5E7E as 0% and #61162F as 100%.

0.0%	0.0% #8F5E7E	RGB 143 94 126	#8F5E7E
16.7%	16.7% #874F70	RGB 135 79 112	#874F70
33.3%	33.3% #7F4163	RGB 127 65 99	#7F4163
50.0%	50.0% #783556	RGB 120 53 86	#783556
66.7%	66.7% #702948	RGB 112 41 72	#702948
83.3%	83.3% #681F3B	RGB 104 31 59	#681F3B
100.0%	100.0% #61162F	RGB 97 22 47	#61162F

#8F5E7E #874F70 #7F4163 #783556 #702948 #681F3B #61162F

#8F5E7E - #783556 - #61162F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E7E 0%, #783556 50%, #61162F 100%);
    background: -webkit-linear-gradient(top, #8F5E7E 0%, #783556 50%, #61162F 100%);
    background: linear-gradient(to bottom, #8F5E7E 0%, #783556 50%, #61162F 100%);
}
</style>