#5E3614 - #B39431 | 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 #5E3614 to #B39431

#5E3614 #B39431

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

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

0.0%	0.0% #5E3614	RGB 94 54 20	#5E3614
16.7%	16.7% #6C4518	RGB 108 69 24	#6C4518
33.3%	33.3% #7A551D	RGB 122 85 29	#7A551D
50.0%	50.0% #886522	RGB 136 101 34	#886522
66.7%	66.7% #967427	RGB 150 116 39	#967427
83.3%	83.3% #A4842C	RGB 164 132 44	#A4842C
100.0%	100.0% #B39431	RGB 179 148 49	#B39431

#5E3614 #6C4518 #7A551D #886522 #967427 #A4842C #B39431

#5E3614 - #B39431

HSV Blend

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

0.0%	0.0% #5E3613	RGB 94 54 19	#5E3613
16.7%	16.7% #6C4218	RGB 108 66 24	#6C4218
33.3%	33.3% #7A511C	RGB 122 81 28	#7A511C
50.0%	50.0% #886021	RGB 136 96 33	#886021
66.7%	66.7% #967026	RGB 150 112 38	#967026
83.3%	83.3% #A4812B	RGB 164 129 43	#A4812B
100.0%	100.0% #B39431	RGB 179 148 49	#B39431

#5E3613 #6C4218 #7A511C #886021 #967026 #A4812B #B39431

#5E3614 - #886021 - #B39431

CSS codes

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

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