#5D5E30 - #C6A859 | 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 #5D5E30 to #C6A859

#5D5E30 #C6A859

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

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

0.0%	0.0% #5D5E30	RGB 93 94 48	#5D5E30
16.7%	16.7% #6E6A36	RGB 110 106 54	#6E6A36
33.3%	33.3% #80763D	RGB 128 118 61	#80763D
50.0%	50.0% #918344	RGB 145 131 68	#918344
66.7%	66.7% #A38F4B	RGB 163 143 75	#A38F4B
83.3%	83.3% #B49B52	RGB 180 155 82	#B49B52
100.0%	100.0% #C6A859	RGB 198 168 89	#C6A859

#5D5E30 #6E6A36 #80763D #918344 #A38F4B #B49B52 #C6A859

#5D5E30 - #C6A859

HSV Blend

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

0.0%	0.0% #5D5E30	RGB 93 94 48	#5D5E30
16.7%	16.7% #6F6D37	RGB 111 109 55	#6F6D37
33.3%	33.3% #807B3F	RGB 128 123 63	#807B3F
50.0%	50.0% #928846	RGB 146 136 70	#928846
66.7%	66.7% #A3944C	RGB 163 148 76	#A3944C
83.3%	83.3% #B49E53	RGB 180 158 83	#B49E53
100.0%	100.0% #C6A859	RGB 198 168 89	#C6A859

#5D5E30 #6F6D37 #807B3F #928846 #A3944C #B49E53 #C6A859

#5D5E30 - #928846 - #C6A859

CSS codes

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

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