#5E4921 - #B8A841 | 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 #5E4921 to #B8A841

#5E4921 #B8A841

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

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

0.0%	0.0% #5E4921	RGB 94 73 33	#5E4921
16.7%	16.7% #6D5826	RGB 109 88 38	#6D5826
33.3%	33.3% #7C682B	RGB 124 104 43	#7C682B
50.0%	50.0% #8B7831	RGB 139 120 49	#8B7831
66.7%	66.7% #9A8836	RGB 154 136 54	#9A8836
83.3%	83.3% #A9983B	RGB 169 152 59	#A9983B
100.0%	100.0% #B8A841	RGB 184 168 65	#B8A841

#5E4921 #6D5826 #7C682B #8B7831 #9A8836 #A9983B #B8A841

#5E4921 - #B8A841

HSV Blend

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

0.0%	0.0% #5E4921	RGB 94 73 33	#5E4921
16.7%	16.7% #6D5726	RGB 109 87 38	#6D5726
33.3%	33.3% #7C652B	RGB 124 101 43	#7C652B
50.0%	50.0% #8B7530	RGB 139 117 48	#8B7530
66.7%	66.7% #9A8536	RGB 154 133 54	#9A8536
83.3%	83.3% #A9963B	RGB 169 150 59	#A9963B
100.0%	100.0% #B8A841	RGB 184 168 65	#B8A841

#5E4921 #6D5726 #7C652B #8B7530 #9A8536 #A9963B #B8A841

#5E4921 - #8B7530 - #B8A841

CSS codes

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

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