#5E2526 - #BC5D3A | 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 #5E2526 to #BC5D3A

#5E2526 #BC5D3A

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

#5E2526 - #BC5D3A | 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 #5E2526 as 0% and #BC5D3A as 100%.

0.0%	0.0% #5E2526	RGB 94 37 38	#5E2526
16.7%	16.7% #6D2E29	RGB 109 46 41	#6D2E29
33.3%	33.3% #7D372C	RGB 125 55 44	#7D372C
50.0%	50.0% #8D4130	RGB 141 65 48	#8D4130
66.7%	66.7% #9C4A33	RGB 156 74 51	#9C4A33
83.3%	83.3% #AC5336	RGB 172 83 54	#AC5336
100.0%	100.0% #BC5D3A	RGB 188 93 58	#BC5D3A

#5E2526 #6D2E29 #7D372C #8D4130 #9C4A33 #AC5336 #BC5D3A

#5E2526 - #BC5D3A

HSV Blend

#5E2526 - #BC5D3A | 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 #5E2526 as 0% and #BC5D3A as 100%.

0.0%	0.0% #5E2525	RGB 94 37 37	#5E2525
16.7%	16.7% #6D2B29	RGB 109 43 41	#6D2B29
33.3%	33.3% #7D332D	RGB 125 51 45	#7D332D
50.0%	50.0% #8D3D31	RGB 141 61 49	#8D3D31
66.7%	66.7% #9C4634	RGB 156 70 52	#9C4634
83.3%	83.3% #AC5137	RGB 172 81 55	#AC5137
100.0%	100.0% #BC5D3A	RGB 188 93 58	#BC5D3A

#5E2525 #6D2B29 #7D332D #8D3D31 #9C4634 #AC5137 #BC5D3A

#5E2526 - #8D3D31 - #BC5D3A

CSS codes

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

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