#5E4C1C - #B8AB3A | 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 #5E4C1C to #B8AB3A

#5E4C1C #B8AB3A

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

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

0.0%	0.0% #5E4C1C	RGB 94 76 28	#5E4C1C
16.7%	16.7% #6D5B21	RGB 109 91 33	#6D5B21
33.3%	33.3% #7C6B26	RGB 124 107 38	#7C6B26
50.0%	50.0% #8B7B2B	RGB 139 123 43	#8B7B2B
66.7%	66.7% #9A8B30	RGB 154 139 48	#9A8B30
83.3%	83.3% #A99B35	RGB 169 155 53	#A99B35
100.0%	100.0% #B8AB3A	RGB 184 171 58	#B8AB3A

#5E4C1C #6D5B21 #7C6B26 #8B7B2B #9A8B30 #A99B35 #B8AB3A

#5E4C1C - #B8AB3A

HSV Blend

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

0.0%	0.0% #5E4C1C	RGB 94 76 28	#5E4C1C
16.7%	16.7% #6D5A20	RGB 109 90 32	#6D5A20
33.3%	33.3% #7C6925	RGB 124 105 37	#7C6925
50.0%	50.0% #8B782A	RGB 139 120 42	#8B782A
66.7%	66.7% #9A892F	RGB 154 137 47	#9A892F
83.3%	83.3% #A99934	RGB 169 153 52	#A99934
100.0%	100.0% #B8AB3A	RGB 184 171 58	#B8AB3A

#5E4C1C #6D5A20 #7C6925 #8B782A #9A892F #A99934 #B8AB3A

#5E4C1C - #8B782A - #B8AB3A

CSS codes

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

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