#5C5E5B - #B9A77C | 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 #5C5E5B to #B9A77C

#5C5E5B #B9A77C

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

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #6B6A60	RGB 107 106 96	#6B6A60
33.3%	33.3% #7B7666	RGB 123 118 102	#7B7666
50.0%	50.0% #8A826B	RGB 138 130 107	#8A826B
66.7%	66.7% #9A8E71	RGB 154 142 113	#9A8E71
83.3%	83.3% #A99A76	RGB 169 154 118	#A99A76
100.0%	100.0% #B9A77C	RGB 185 167 124	#B9A77C

#5C5E5B #6B6A60 #7B7666 #8A826B #9A8E71 #A99A76 #B9A77C

#5C5E5B - #B9A77C

HSV Blend

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #686D64	RGB 104 109 100	#686D64
33.3%	33.3% #767C6C	RGB 118 124 108	#767C6C
50.0%	50.0% #868B72	RGB 134 139 114	#868B72
66.7%	66.7% #999A77	RGB 153 154 119	#999A77
83.3%	83.3% #A9A37A	RGB 169 163 122	#A9A37A
100.0%	100.0% #B9A77C	RGB 185 167 124	#B9A77C

#5C5E5B #686D64 #767C6C #868B72 #999A77 #A9A37A #B9A77C

#5C5E5B - #868B72 - #B9A77C

CSS codes

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

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