#5E5B2D - #DAA04B | 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 #5E5B2D to #DAA04B

#5E5B2D #DAA04B

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

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

0.0%	0.0% #5E5B2D	RGB 94 91 45	#5E5B2D
16.7%	16.7% #726632	RGB 114 102 50	#726632
33.3%	33.3% #877237	RGB 135 114 55	#877237
50.0%	50.0% #9C7D3C	RGB 156 125 60	#9C7D3C
66.7%	66.7% #B08941	RGB 176 137 65	#B08941
83.3%	83.3% #C59446	RGB 197 148 70	#C59446
100.0%	100.0% #DAA04B	RGB 218 160 75	#DAA04B

#5E5B2D #726632 #877237 #9C7D3C #B08941 #C59446 #DAA04B

#5E5B2D - #DAA04B

HSV Blend

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

0.0%	0.0% #5E5B2D	RGB 94 91 45	#5E5B2D
16.7%	16.7% #726B34	RGB 114 107 52	#726B34
33.3%	33.3% #87793A	RGB 135 121 58	#87793A
50.0%	50.0% #9C8640	RGB 156 134 64	#9C8640
66.7%	66.7% #B09144	RGB 176 145 68	#B09144
83.3%	83.3% #C59948	RGB 197 153 72	#C59948
100.0%	100.0% #DAA04B	RGB 218 160 75	#DAA04B

#5E5B2D #726B34 #87793A #9C8640 #B09144 #C59948 #DAA04B

#5E5B2D - #9C8640 - #DAA04B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B2D 0%, #9C8640 50%, #DAA04B 100%);
    background: -webkit-linear-gradient(top, #5E5B2D 0%, #9C8640 50%, #DAA04B 100%);
    background: linear-gradient(to bottom, #5E5B2D 0%, #9C8640 50%, #DAA04B 100%);
}
</style>