#5D5E32 - #C6A85B | 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 #5D5E32 to #C6A85B

#5D5E32 #C6A85B

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

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

0.0%	0.0% #5D5E32	RGB 93 94 50	#5D5E32
16.7%	16.7% #6E6A38	RGB 110 106 56	#6E6A38
33.3%	33.3% #80763F	RGB 128 118 63	#80763F
50.0%	50.0% #918346	RGB 145 131 70	#918346
66.7%	66.7% #A38F4D	RGB 163 143 77	#A38F4D
83.3%	83.3% #B49B54	RGB 180 155 84	#B49B54
100.0%	100.0% #C6A85B	RGB 198 168 91	#C6A85B

#5D5E32 #6E6A38 #80763F #918346 #A38F4D #B49B54 #C6A85B

#5D5E32 - #C6A85B

HSV Blend

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

0.0%	0.0% #5D5E32	RGB 93 94 50	#5D5E32
16.7%	16.7% #6F6D39	RGB 111 109 57	#6F6D39
33.3%	33.3% #807B41	RGB 128 123 65	#807B41
50.0%	50.0% #928848	RGB 146 136 72	#928848
66.7%	66.7% #A3944F	RGB 163 148 79	#A3944F
83.3%	83.3% #B49E55	RGB 180 158 85	#B49E55
100.0%	100.0% #C6A85B	RGB 198 168 91	#C6A85B

#5D5E32 #6F6D39 #807B41 #928848 #A3944F #B49E55 #C6A85B

#5D5E32 - #928848 - #C6A85B

CSS codes

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

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