#5E5C31 - #DAA14F | 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 #5E5C31 to #DAA14F

#5E5C31 #DAA14F

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

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

0.0%	0.0% #5E5C31	RGB 94 92 49	#5E5C31
16.7%	16.7% #726736	RGB 114 103 54	#726736
33.3%	33.3% #87733B	RGB 135 115 59	#87733B
50.0%	50.0% #9C7E40	RGB 156 126 64	#9C7E40
66.7%	66.7% #B08A45	RGB 176 138 69	#B08A45
83.3%	83.3% #C5954A	RGB 197 149 74	#C5954A
100.0%	100.0% #DAA14F	RGB 218 161 79	#DAA14F

#5E5C31 #726736 #87733B #9C7E40 #B08A45 #C5954A #DAA14F

#5E5C31 - #DAA14F

HSV Blend

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

0.0%	0.0% #5E5C31	RGB 94 92 49	#5E5C31
16.7%	16.7% #726C38	RGB 114 108 56	#726C38
33.3%	33.3% #877B3F	RGB 135 123 63	#877B3F
50.0%	50.0% #9C8844	RGB 156 136 68	#9C8844
66.7%	66.7% #B09249	RGB 176 146 73	#B09249
83.3%	83.3% #C59B4C	RGB 197 155 76	#C59B4C
100.0%	100.0% #DAA14F	RGB 218 161 79	#DAA14F

#5E5C31 #726C38 #877B3F #9C8844 #B09249 #C59B4C #DAA14F

#5E5C31 - #9C8844 - #DAA14F

CSS codes

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

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