#5E2A19 - #BA6535 | 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 #5E2A19 to #BA6535

#5E2A19 #BA6535

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

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

0.0%	0.0% #5E2A19	RGB 94 42 25	#5E2A19
16.7%	16.7% #6D331D	RGB 109 51 29	#6D331D
33.3%	33.3% #7C3D22	RGB 124 61 34	#7C3D22
50.0%	50.0% #8C4727	RGB 140 71 39	#8C4727
66.7%	66.7% #9B512B	RGB 155 81 43	#9B512B
83.3%	83.3% #AA5B30	RGB 170 91 48	#AA5B30
100.0%	100.0% #BA6535	RGB 186 101 53	#BA6535

#5E2A19 #6D331D #7C3D22 #8C4727 #9B512B #AA5B30 #BA6535

#5E2A19 - #BA6535

HSV Blend

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

0.0%	0.0% #5E2A19	RGB 94 42 25	#5E2A19
16.7%	16.7% #6D321D	RGB 109 50 29	#6D321D
33.3%	33.3% #7C3B21	RGB 124 59 33	#7C3B21
50.0%	50.0% #8C4526	RGB 140 69 38	#8C4526
66.7%	66.7% #9B4F2B	RGB 155 79 43	#9B4F2B
83.3%	83.3% #AA5930	RGB 170 89 48	#AA5930
100.0%	100.0% #BA6535	RGB 186 101 53	#BA6535

#5E2A19 #6D321D #7C3B21 #8C4526 #9B4F2B #AA5930 #BA6535

#5E2A19 - #8C4526 - #BA6535

CSS codes

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

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