#5C5E3C - #D5C05D | 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 #5C5E3C to #D5C05D

#5C5E3C #D5C05D

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

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

0.0%	0.0% #5C5E3C	RGB 92 94 60	#5C5E3C
16.7%	16.7% #706E41	RGB 112 110 65	#706E41
33.3%	33.3% #847E47	RGB 132 126 71	#847E47
50.0%	50.0% #988F4C	RGB 152 143 76	#988F4C
66.7%	66.7% #AC9F52	RGB 172 159 82	#AC9F52
83.3%	83.3% #C0AF57	RGB 192 175 87	#C0AF57
100.0%	100.0% #D5C05D	RGB 213 192 93	#D5C05D

#5C5E3C #706E41 #847E47 #988F4C #AC9F52 #C0AF57 #D5C05D

#5C5E3C - #D5C05D

HSV Blend

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

0.0%	0.0% #5C5E3C	RGB 92 94 60	#5C5E3C
16.7%	16.7% #707144	RGB 112 113 68	#707144
33.3%	33.3% #85844C	RGB 133 132 76	#85844C
50.0%	50.0% #999552	RGB 153 149 82	#999552
66.7%	66.7% #ADA457	RGB 173 164 87	#ADA457
83.3%	83.3% #C1B35A	RGB 193 179 90	#C1B35A
100.0%	100.0% #D5C05D	RGB 213 192 93	#D5C05D

#5C5E3C #707144 #85844C #999552 #ADA457 #C1B35A #D5C05D

#5C5E3C - #999552 - #D5C05D

CSS codes

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

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