#8D4D5E - #28161A | 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 #8D4D5E to #28161A

#8D4D5E #28161A

Calculate the color between two colors, #8D4D5E and #28161A. 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)

#8D4D5E - #28161A | 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 #8D4D5E as 0% and #28161A as 100%.

0.0%	0.0% #8D4D5E	RGB 141 77 94	#8D4D5E
16.7%	16.7% #7C4352	RGB 124 67 82	#7C4352
33.3%	33.3% #6B3A47	RGB 107 58 71	#6B3A47
50.0%	50.0% #5A313C	RGB 90 49 60	#5A313C
66.7%	66.7% #492830	RGB 73 40 48	#492830
83.3%	83.3% #381F25	RGB 56 31 37	#381F25
100.0%	100.0% #28161A	RGB 40 22 26	#28161A

#8D4D5E #7C4352 #6B3A47 #5A313C #492830 #381F25 #28161A

#8D4D5E - #28161A

HSV Blend

#8D4D5E - #28161A | 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 #8D4D5E as 0% and #28161A as 100%.

0.0%	0.0% #8D4D5D	RGB 141 77 93	#8D4D5D
16.7%	16.7% #7C4352	RGB 124 67 82	#7C4352
33.3%	33.3% #6B3A46	RGB 107 58 70	#6B3A46
50.0%	50.0% #5A313B	RGB 90 49 59	#5A313B
66.7%	66.7% #492830	RGB 73 40 48	#492830
83.3%	83.3% #381F25	RGB 56 31 37	#381F25
100.0%	100.0% #28161A	RGB 40 22 26	#28161A

#8D4D5D #7C4352 #6B3A46 #5A313B #492830 #381F25 #28161A

#8D4D5E - #5A313B - #28161A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D4D5D 0%, #5A313B 50%, #28161A 100%);
    background: -webkit-linear-gradient(top, #8D4D5D 0%, #5A313B 50%, #28161A 100%);
    background: linear-gradient(to bottom, #8D4D5D 0%, #5A313B 50%, #28161A 100%);
}
</style>