#5C5E4D - #C0AA76 | 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 #5C5E4D to #C0AA76

#5C5E4D #C0AA76

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

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

0.0%	0.0% #5C5E4D	RGB 92 94 77	#5C5E4D
16.7%	16.7% #6C6A53	RGB 108 106 83	#6C6A53
33.3%	33.3% #7D775A	RGB 125 119 90	#7D775A
50.0%	50.0% #8E8461	RGB 142 132 97	#8E8461
66.7%	66.7% #9E9068	RGB 158 144 104	#9E9068
83.3%	83.3% #AF9D6F	RGB 175 157 111	#AF9D6F
100.0%	100.0% #C0AA76	RGB 192 170 118	#C0AA76

#5C5E4D #6C6A53 #7D775A #8E8461 #9E9068 #AF9D6F #C0AA76

#5C5E4D - #C0AA76

HSV Blend

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

0.0%	0.0% #5C5E4D	RGB 92 94 77	#5C5E4D
16.7%	16.7% #6D6E56	RGB 109 110 86	#6D6E56
33.3%	33.3% #7E7E5F	RGB 126 126 95	#7E7E5F
50.0%	50.0% #8F8B66	RGB 143 139 102	#8F8B66
66.7%	66.7% #9F976C	RGB 159 151 108	#9F976C
83.3%	83.3% #AFA171	RGB 175 161 113	#AFA171
100.0%	100.0% #C0AA76	RGB 192 170 118	#C0AA76

#5C5E4D #6D6E56 #7E7E5F #8F8B66 #9F976C #AFA171 #C0AA76

#5C5E4D - #8F8B66 - #C0AA76

CSS codes

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

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