#8C2B36 - #5E081D | 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 #8C2B36 to #5E081D

#8C2B36 #5E081D

Calculate the color between two colors, #8C2B36 and #5E081D. 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)

#8C2B36 - #5E081D | 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 #8C2B36 as 0% and #5E081D as 100%.

0.0%	0.0% #8C2B36	RGB 140 43 54	#8C2B36
16.7%	16.7% #842531	RGB 132 37 49	#842531
33.3%	33.3% #7C1F2D	RGB 124 31 45	#7C1F2D
50.0%	50.0% #751929	RGB 117 25 41	#751929
66.7%	66.7% #6D1325	RGB 109 19 37	#6D1325
83.3%	83.3% #650D21	RGB 101 13 33	#650D21
100.0%	100.0% #5E081D	RGB 94 8 29	#5E081D

#8C2B36 #842531 #7C1F2D #751929 #6D1325 #650D21 #5E081D

#8C2B36 - #5E081D

HSV Blend

#8C2B36 - #5E081D | 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 #8C2B36 as 0% and #5E081D as 100%.

0.0%	0.0% #8C2B35	RGB 140 43 53	#8C2B35
16.7%	16.7% #842330	RGB 132 35 48	#842330
33.3%	33.3% #7C1D2C	RGB 124 29 44	#7C1D2C
50.0%	50.0% #751627	RGB 117 22 39	#751627
66.7%	66.7% #6D1123	RGB 109 17 35	#6D1123
83.3%	83.3% #650C20	RGB 101 12 32	#650C20
100.0%	100.0% #5E081D	RGB 94 8 29	#5E081D

#8C2B35 #842330 #7C1D2C #751627 #6D1123 #650C20 #5E081D

#8C2B36 - #751627 - #5E081D

CSS codes

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

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