#5E3D15 - #B98A31 | 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 #5E3D15 to #B98A31

#5E3D15 #B98A31

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

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

0.0%	0.0% #5E3D15	RGB 94 61 21	#5E3D15
16.7%	16.7% #6D4919	RGB 109 73 25	#6D4919
33.3%	33.3% #7C561E	RGB 124 86 30	#7C561E
50.0%	50.0% #8B6323	RGB 139 99 35	#8B6323
66.7%	66.7% #9A7027	RGB 154 112 39	#9A7027
83.3%	83.3% #A97D2C	RGB 169 125 44	#A97D2C
100.0%	100.0% #B98A31	RGB 185 138 49	#B98A31

#5E3D15 #6D4919 #7C561E #8B6323 #9A7027 #A97D2C #B98A31

#5E3D15 - #B98A31

HSV Blend

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

0.0%	0.0% #5E3D14	RGB 94 61 20	#5E3D14
16.7%	16.7% #6D4819	RGB 109 72 25	#6D4819
33.3%	33.3% #7C541D	RGB 124 84 29	#7C541D
50.0%	50.0% #8B6122	RGB 139 97 34	#8B6122
66.7%	66.7% #9A6E26	RGB 154 110 38	#9A6E26
83.3%	83.3% #A97C2B	RGB 169 124 43	#A97C2B
100.0%	100.0% #B98A31	RGB 185 138 49	#B98A31

#5E3D14 #6D4819 #7C541D #8B6122 #9A6E26 #A97C2B #B98A31

#5E3D15 - #8B6122 - #B98A31

CSS codes

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

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