#5E3E18 - #B98B34 | 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 #5E3E18 to #B98B34

#5E3E18 #B98B34

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

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

0.0%	0.0% #5E3E18	RGB 94 62 24	#5E3E18
16.7%	16.7% #6D4A1C	RGB 109 74 28	#6D4A1C
33.3%	33.3% #7C5721	RGB 124 87 33	#7C5721
50.0%	50.0% #8B6426	RGB 139 100 38	#8B6426
66.7%	66.7% #9A712A	RGB 154 113 42	#9A712A
83.3%	83.3% #A97E2F	RGB 169 126 47	#A97E2F
100.0%	100.0% #B98B34	RGB 185 139 52	#B98B34

#5E3E18 #6D4A1C #7C5721 #8B6426 #9A712A #A97E2F #B98B34

#5E3E18 - #B98B34

HSV Blend

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

0.0%	0.0% #5E3E18	RGB 94 62 24	#5E3E18
16.7%	16.7% #6D491C	RGB 109 73 28	#6D491C
33.3%	33.3% #7C5520	RGB 124 85 32	#7C5520
50.0%	50.0% #8B6225	RGB 139 98 37	#8B6225
66.7%	66.7% #9A6F2A	RGB 154 111 42	#9A6F2A
83.3%	83.3% #A97D2F	RGB 169 125 47	#A97D2F
100.0%	100.0% #B98B34	RGB 185 139 52	#B98B34

#5E3E18 #6D491C #7C5520 #8B6225 #9A6F2A #A97D2F #B98B34

#5E3E18 - #8B6225 - #B98B34

CSS codes

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

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