#8F5E6B - #3F202D | 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 #8F5E6B to #3F202D

#8F5E6B #3F202D

Calculate the color between two colors, #8F5E6B and #3F202D. 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)

#8F5E6B - #3F202D | 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 #8F5E6B as 0% and #3F202D as 100%.

0.0%	0.0% #8F5E6B	RGB 143 94 107	#8F5E6B
16.7%	16.7% #815360	RGB 129 83 96	#815360
33.3%	33.3% #744956	RGB 116 73 86	#744956
50.0%	50.0% #673F4C	RGB 103 63 76	#673F4C
66.7%	66.7% #593441	RGB 89 52 65	#593441
83.3%	83.3% #4C2A37	RGB 76 42 55	#4C2A37
100.0%	100.0% #3F202D	RGB 63 32 45	#3F202D

#8F5E6B #815360 #744956 #673F4C #593441 #4C2A37 #3F202D

#8F5E6B - #3F202D

HSV Blend

#8F5E6B - #3F202D | 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 #8F5E6B as 0% and #3F202D as 100%.

0.0%	0.0% #8F5E6B	RGB 143 94 107	#8F5E6B
16.7%	16.7% #81525F	RGB 129 82 95	#81525F
33.3%	33.3% #744655	RGB 116 70 85	#744655
50.0%	50.0% #673C4A	RGB 103 60 74	#673C4A
66.7%	66.7% #593240	RGB 89 50 64	#593240
83.3%	83.3% #4C2836	RGB 76 40 54	#4C2836
100.0%	100.0% #3F202D	RGB 63 32 45	#3F202D

#8F5E6B #81525F #744655 #673C4A #593240 #4C2836 #3F202D

#8F5E6B - #673C4A - #3F202D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E6B 0%, #673C4A 50%, #3F202D 100%);
    background: -webkit-linear-gradient(top, #8F5E6B 0%, #673C4A 50%, #3F202D 100%);
    background: linear-gradient(to bottom, #8F5E6B 0%, #673C4A 50%, #3F202D 100%);
}
</style>