#5E5E42 - #D9A460 | 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 #5E5E42 to #D9A460

#5E5E42 #D9A460

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

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

0.0%	0.0% #5E5E42	RGB 94 94 66	#5E5E42
16.7%	16.7% #726947	RGB 114 105 71	#726947
33.3%	33.3% #87754C	RGB 135 117 76	#87754C
50.0%	50.0% #9B8151	RGB 155 129 81	#9B8151
66.7%	66.7% #B08C56	RGB 176 140 86	#B08C56
83.3%	83.3% #C4985B	RGB 196 152 91	#C4985B
100.0%	100.0% #D9A460	RGB 217 164 96	#D9A460

#5E5E42 #726947 #87754C #9B8151 #B08C56 #C4985B #D9A460

#5E5E42 - #D9A460

HSV Blend

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

0.0%	0.0% #5E5E42	RGB 94 94 66	#5E5E42
16.7%	16.7% #726F4B	RGB 114 111 75	#726F4B
33.3%	33.3% #877F53	RGB 135 127 83	#877F53
50.0%	50.0% #9B8C58	RGB 155 140 88	#9B8C58
66.7%	66.7% #B0975D	RGB 176 151 93	#B0975D
83.3%	83.3% #C49F5F	RGB 196 159 95	#C49F5F
100.0%	100.0% #D9A460	RGB 217 164 96	#D9A460

#5E5E42 #726F4B #877F53 #9B8C58 #B0975D #C49F5F #D9A460

#5E5E42 - #9B8C58 - #D9A460

CSS codes

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

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