#5E4314 - #B09930 | 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 #5E4314 to #B09930

#5E4314 #B09930

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

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

0.0%	0.0% #5E4314	RGB 94 67 20	#5E4314
16.7%	16.7% #6B5118	RGB 107 81 24	#6B5118
33.3%	33.3% #795F1D	RGB 121 95 29	#795F1D
50.0%	50.0% #876E22	RGB 135 110 34	#876E22
66.7%	66.7% #947C26	RGB 148 124 38	#947C26
83.3%	83.3% #A28A2B	RGB 162 138 43	#A28A2B
100.0%	100.0% #B09930	RGB 176 153 48	#B09930

#5E4314 #6B5118 #795F1D #876E22 #947C26 #A28A2B #B09930

#5E4314 - #B09930

HSV Blend

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

0.0%	0.0% #5E4313	RGB 94 67 19	#5E4313
16.7%	16.7% #6B4F17	RGB 107 79 23	#6B4F17
33.3%	33.3% #795D1C	RGB 121 93 28	#795D1C
50.0%	50.0% #876B20	RGB 135 107 32	#876B20
66.7%	66.7% #947925	RGB 148 121 37	#947925
83.3%	83.3% #A2892A	RGB 162 137 42	#A2892A
100.0%	100.0% #B09930	RGB 176 153 48	#B09930

#5E4313 #6B4F17 #795D1C #876B20 #947925 #A2892A #B09930

#5E4314 - #876B20 - #B09930

CSS codes

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

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