#5D5D3C - #D9A35A | 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 #5D5D3C to #D9A35A

#5D5D3C #D9A35A

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

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

0.0%	0.0% #5D5D3C	RGB 93 93 60	#5D5D3C
16.7%	16.7% #716841	RGB 113 104 65	#716841
33.3%	33.3% #867446	RGB 134 116 70	#867446
50.0%	50.0% #9B804B	RGB 155 128 75	#9B804B
66.7%	66.7% #AF8B50	RGB 175 139 80	#AF8B50
83.3%	83.3% #C49755	RGB 196 151 85	#C49755
100.0%	100.0% #D9A35A	RGB 217 163 90	#D9A35A

#5D5D3C #716841 #867446 #9B804B #AF8B50 #C49755 #D9A35A

#5D5D3C - #D9A35A

HSV Blend

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

0.0%	0.0% #5D5D3C	RGB 93 93 60	#5D5D3C
16.7%	16.7% #716E44	RGB 113 110 68	#716E44
33.3%	33.3% #867E4C	RGB 134 126 76	#867E4C
50.0%	50.0% #9B8B52	RGB 155 139 82	#9B8B52
66.7%	66.7% #AF9656	RGB 175 150 86	#AF9656
83.3%	83.3% #C49E58	RGB 196 158 88	#C49E58
100.0%	100.0% #D9A35A	RGB 217 163 90	#D9A35A

#5D5D3C #716E44 #867E4C #9B8B52 #AF9656 #C49E58 #D9A35A

#5D5D3C - #9B8B52 - #D9A35A

CSS codes

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

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