#5B5B5E - #B7AC7F | 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 #5B5B5E to #B7AC7F

#5B5B5E #B7AC7F

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

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #6A6863	RGB 106 104 99	#6A6863
33.3%	33.3% #797669	RGB 121 118 105	#797669
50.0%	50.0% #89836E	RGB 137 131 110	#89836E
66.7%	66.7% #989174	RGB 152 145 116	#989174
83.3%	83.3% #A79E79	RGB 167 158 121	#A79E79
100.0%	100.0% #B7AC7F	RGB 183 172 127	#B7AC7F

#5B5B5E #6A6863 #797669 #89836E #989174 #A79E79 #B7AC7F

#5B5B5E - #B7AC7F

HSV Blend

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

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #68646C	RGB 104 100 108	#68646C
33.3%	33.3% #7A6C7B	RGB 122 108 123	#7A6C7B
50.0%	50.0% #8A7381	RGB 138 115 129	#8A7381
66.7%	66.7% #99787C	RGB 153 120 124	#99787C
83.3%	83.3% #A88B7C	RGB 168 139 124	#A88B7C
100.0%	100.0% #B7AC7F	RGB 183 172 127	#B7AC7F

#5B5B5E #68646C #7A6C7B #8A7381 #99787C #A88B7C #B7AC7F

#5B5B5E - #8A7381 - #B7AC7F

CSS codes

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

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