#5C5E4C - #C0AA75 | 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 #5C5E4C to #C0AA75

#5C5E4C #C0AA75

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

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

0.0%	0.0% #5C5E4C	RGB 92 94 76	#5C5E4C
16.7%	16.7% #6C6A52	RGB 108 106 82	#6C6A52
33.3%	33.3% #7D7759	RGB 125 119 89	#7D7759
50.0%	50.0% #8E8460	RGB 142 132 96	#8E8460
66.7%	66.7% #9E9067	RGB 158 144 103	#9E9067
83.3%	83.3% #AF9D6E	RGB 175 157 110	#AF9D6E
100.0%	100.0% #C0AA75	RGB 192 170 117	#C0AA75

#5C5E4C #6C6A52 #7D7759 #8E8460 #9E9067 #AF9D6E #C0AA75

#5C5E4C - #C0AA75

HSV Blend

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

0.0%	0.0% #5C5E4C	RGB 92 94 76	#5C5E4C
16.7%	16.7% #6D6E55	RGB 109 110 85	#6D6E55
33.3%	33.3% #7E7D5E	RGB 126 125 94	#7E7D5E
50.0%	50.0% #8F8B65	RGB 143 139 101	#8F8B65
66.7%	66.7% #9F976B	RGB 159 151 107	#9F976B
83.3%	83.3% #AFA170	RGB 175 161 112	#AFA170
100.0%	100.0% #C0AA75	RGB 192 170 117	#C0AA75

#5C5E4C #6D6E55 #7E7D5E #8F8B65 #9F976B #AFA170 #C0AA75

#5C5E4C - #8F8B65 - #C0AA75

CSS codes

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

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