#8D5E8B - #3D243E | 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 #8D5E8B to #3D243E

#8D5E8B #3D243E

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

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

0.0%	0.0% #8D5E8B	RGB 141 94 139	#8D5E8B
16.7%	16.7% #7F547E	RGB 127 84 126	#7F547E
33.3%	33.3% #724A71	RGB 114 74 113	#724A71
50.0%	50.0% #654164	RGB 101 65 100	#654164
66.7%	66.7% #573757	RGB 87 55 87	#573757
83.3%	83.3% #4A2D4A	RGB 74 45 74	#4A2D4A
100.0%	100.0% #3D243E	RGB 61 36 62	#3D243E

#8D5E8B #7F547E #724A71 #654164 #573757 #4A2D4A #3D243E

#8D5E8B - #3D243E

HSV Blend

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

0.0%	0.0% #8D5E8B	RGB 141 94 139	#8D5E8B
16.7%	16.7% #7F537E	RGB 127 83 126	#7F537E
33.3%	33.3% #724972	RGB 114 73 114	#724972
50.0%	50.0% #653F65	RGB 101 63 101	#653F65
66.7%	66.7% #573558	RGB 87 53 88	#573558
83.3%	83.3% #4A2C4B	RGB 74 44 75	#4A2C4B
100.0%	100.0% #3D243E	RGB 61 36 62	#3D243E

#8D5E8B #7F537E #724972 #653F65 #573558 #4A2C4B #3D243E

#8D5E8B - #653F65 - #3D243E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E8B 0%, #653F65 50%, #3D243E 100%);
    background: -webkit-linear-gradient(top, #8D5E8B 0%, #653F65 50%, #3D243E 100%);
    background: linear-gradient(to bottom, #8D5E8B 0%, #653F65 50%, #3D243E 100%);
}
</style>