#5C5E4E - #C0AA77 | 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 #5C5E4E to #C0AA77

#5C5E4E #C0AA77

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

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

0.0%	0.0% #5C5E4E	RGB 92 94 78	#5C5E4E
16.7%	16.7% #6C6A54	RGB 108 106 84	#6C6A54
33.3%	33.3% #7D775B	RGB 125 119 91	#7D775B
50.0%	50.0% #8E8462	RGB 142 132 98	#8E8462
66.7%	66.7% #9E9069	RGB 158 144 105	#9E9069
83.3%	83.3% #AF9D70	RGB 175 157 112	#AF9D70
100.0%	100.0% #C0AA77	RGB 192 170 119	#C0AA77

#5C5E4E #6C6A54 #7D775B #8E8462 #9E9069 #AF9D70 #C0AA77

#5C5E4E - #C0AA77

HSV Blend

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

0.0%	0.0% #5C5E4E	RGB 92 94 78	#5C5E4E
16.7%	16.7% #6D6E57	RGB 109 110 87	#6D6E57
33.3%	33.3% #7E7E60	RGB 126 126 96	#7E7E60
50.0%	50.0% #8F8B67	RGB 143 139 103	#8F8B67
66.7%	66.7% #9F976D	RGB 159 151 109	#9F976D
83.3%	83.3% #AFA173	RGB 175 161 115	#AFA173
100.0%	100.0% #C0AA77	RGB 192 170 119	#C0AA77

#5C5E4E #6D6E57 #7E7E60 #8F8B67 #9F976D #AFA173 #C0AA77

#5C5E4E - #8F8B67 - #C0AA77

CSS codes

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

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