#5E5A3C - #D8A05B | 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 #5E5A3C to #D8A05B

#5E5A3C #D8A05B

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

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

0.0%	0.0% #5E5A3C	RGB 94 90 60	#5E5A3C
16.7%	16.7% #726541	RGB 114 101 65	#726541
33.3%	33.3% #867146	RGB 134 113 70	#867146
50.0%	50.0% #9B7D4B	RGB 155 125 75	#9B7D4B
66.7%	66.7% #AF8850	RGB 175 136 80	#AF8850
83.3%	83.3% #C39455	RGB 195 148 85	#C39455
100.0%	100.0% #D8A05B	RGB 216 160 91	#D8A05B

#5E5A3C #726541 #867146 #9B7D4B #AF8850 #C39455 #D8A05B

#5E5A3C - #D8A05B

HSV Blend

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

0.0%	0.0% #5E5A3C	RGB 94 90 60	#5E5A3C
16.7%	16.7% #726A44	RGB 114 106 68	#726A44
33.3%	33.3% #86794C	RGB 134 121 76	#86794C
50.0%	50.0% #9B8652	RGB 155 134 82	#9B8652
66.7%	66.7% #AF9156	RGB 175 145 86	#AF9156
83.3%	83.3% #C39959	RGB 195 153 89	#C39959
100.0%	100.0% #D8A05B	RGB 216 160 91	#D8A05B

#5E5A3C #726A44 #86794C #9B8652 #AF9156 #C39959 #D8A05B

#5E5A3C - #9B8652 - #D8A05B

CSS codes

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

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