#5C5E5C - #B7A579 | 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 #5C5E5C to #B7A579

#5C5E5C #B7A579

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

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

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #6B6960	RGB 107 105 96	#6B6960
33.3%	33.3% #7A7565	RGB 122 117 101	#7A7565
50.0%	50.0% #89816A	RGB 137 129 106	#89816A
66.7%	66.7% #988D6F	RGB 152 141 111	#988D6F
83.3%	83.3% #A79974	RGB 167 153 116	#A79974
100.0%	100.0% #B7A579	RGB 183 165 121	#B7A579

#5C5E5C #6B6960 #7A7565 #89816A #988D6F #A79974 #B7A579

#5C5E5C - #B7A579

HSV Blend

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

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #666C64	RGB 102 108 100	#666C64
33.3%	33.3% #727B6B	RGB 114 123 107	#727B6B
50.0%	50.0% #818A71	RGB 129 138 113	#818A71
66.7%	66.7% #949975	RGB 148 153 117	#949975
83.3%	83.3% #A8A478	RGB 168 164 120	#A8A478
100.0%	100.0% #B7A579	RGB 183 165 121	#B7A579

#5C5E5C #666C64 #727B6B #818A71 #949975 #A8A478 #B7A579

#5C5E5C - #818A71 - #B7A579

CSS codes

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

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