#5D5E2F - #C6A858 | 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 #5D5E2F to #C6A858

#5D5E2F #C6A858

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

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

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #6E6A35	RGB 110 106 53	#6E6A35
33.3%	33.3% #80763C	RGB 128 118 60	#80763C
50.0%	50.0% #918343	RGB 145 131 67	#918343
66.7%	66.7% #A38F4A	RGB 163 143 74	#A38F4A
83.3%	83.3% #B49B51	RGB 180 155 81	#B49B51
100.0%	100.0% #C6A858	RGB 198 168 88	#C6A858

#5D5E2F #6E6A35 #80763C #918343 #A38F4A #B49B51 #C6A858

#5D5E2F - #C6A858

HSV Blend

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

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #6F6D36	RGB 111 109 54	#6F6D36
33.3%	33.3% #807B3D	RGB 128 123 61	#807B3D
50.0%	50.0% #928844	RGB 146 136 68	#928844
66.7%	66.7% #A3944B	RGB 163 148 75	#A3944B
83.3%	83.3% #B49E51	RGB 180 158 81	#B49E51
100.0%	100.0% #C6A858	RGB 198 168 88	#C6A858

#5D5E2F #6F6D36 #807B3D #928844 #A3944B #B49E51 #C6A858

#5D5E2F - #928844 - #C6A858

CSS codes

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

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