#8C3E5E - #4D0D1B | 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 #8C3E5E to #4D0D1B

#8C3E5E #4D0D1B

Calculate the color between two colors, #8C3E5E and #4D0D1B. 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)

#8C3E5E - #4D0D1B | 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 #8C3E5E as 0% and #4D0D1B as 100%.

0.0%	0.0% #8C3E5E	RGB 140 62 94	#8C3E5E
16.7%	16.7% #813552	RGB 129 53 82	#813552
33.3%	33.3% #772D47	RGB 119 45 71	#772D47
50.0%	50.0% #6C253C	RGB 108 37 60	#6C253C
66.7%	66.7% #621D31	RGB 98 29 49	#621D31
83.3%	83.3% #571526	RGB 87 21 38	#571526
100.0%	100.0% #4D0D1B	RGB 77 13 27	#4D0D1B

#8C3E5E #813552 #772D47 #6C253C #621D31 #571526 #4D0D1B

#8C3E5E - #4D0D1B

HSV Blend

#8C3E5E - #4D0D1B | 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 #8C3E5E as 0% and #4D0D1B as 100%.

0.0%	0.0% #8C3E5E	RGB 140 62 94	#8C3E5E
16.7%	16.7% #813350	RGB 129 51 80	#813350
33.3%	33.3% #772944	RGB 119 41 68	#772944
50.0%	50.0% #6C2138	RGB 108 33 56	#6C2138
66.7%	66.7% #62192D	RGB 98 25 45	#62192D
83.3%	83.3% #571223	RGB 87 18 35	#571223
100.0%	100.0% #4D0D1B	RGB 77 13 27	#4D0D1B

#8C3E5E #813350 #772944 #6C2138 #62192D #571223 #4D0D1B

#8C3E5E - #6C2138 - #4D0D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C3E5E 0%, #6C2138 50%, #4D0D1B 100%);
    background: -webkit-linear-gradient(top, #8C3E5E 0%, #6C2138 50%, #4D0D1B 100%);
    background: linear-gradient(to bottom, #8C3E5E 0%, #6C2138 50%, #4D0D1B 100%);
}
</style>