#5E2725 - #BA6547 | 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 #5E2725 to #BA6547

#5E2725 #BA6547

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

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

0.0%	0.0% #5E2725	RGB 94 39 37	#5E2725
16.7%	16.7% #6D312A	RGB 109 49 42	#6D312A
33.3%	33.3% #7C3B30	RGB 124 59 48	#7C3B30
50.0%	50.0% #8C4636	RGB 140 70 54	#8C4636
66.7%	66.7% #9B503B	RGB 155 80 59	#9B503B
83.3%	83.3% #AA5A41	RGB 170 90 65	#AA5A41
100.0%	100.0% #BA6547	RGB 186 101 71	#BA6547

#5E2725 #6D312A #7C3B30 #8C4636 #9B503B #AA5A41 #BA6547

#5E2725 - #BA6547

HSV Blend

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

0.0%	0.0% #5E2725	RGB 94 39 37	#5E2725
16.7%	16.7% #6D2F2A	RGB 109 47 42	#6D2F2A
33.3%	33.3% #7C3830	RGB 124 56 48	#7C3830
50.0%	50.0% #8C4236	RGB 140 66 54	#8C4236
66.7%	66.7% #9B4D3B	RGB 155 77 59	#9B4D3B
83.3%	83.3% #AA5841	RGB 170 88 65	#AA5841
100.0%	100.0% #BA6547	RGB 186 101 71	#BA6547

#5E2725 #6D2F2A #7C3830 #8C4236 #9B4D3B #AA5841 #BA6547

#5E2725 - #8C4236 - #BA6547

CSS codes

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

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