#5B5E5B - #B9A57C | 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 #5B5E5B to #B9A57C

#5B5E5B #B9A57C

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

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

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #6A6960	RGB 106 105 96	#6A6960
33.3%	33.3% #7A7566	RGB 122 117 102	#7A7566
50.0%	50.0% #8A816B	RGB 138 129 107	#8A816B
66.7%	66.7% #998D71	RGB 153 141 113	#998D71
83.3%	83.3% #A99976	RGB 169 153 118	#A99976
100.0%	100.0% #B9A57C	RGB 185 165 124	#B9A57C

#5B5E5B #6A6960 #7A7566 #8A816B #998D71 #A99976 #B9A57C

#5B5E5B - #B9A57C

HSV Blend

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

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #666D64	RGB 102 109 100	#666D64
33.3%	33.3% #737C6C	RGB 115 124 108	#737C6C
50.0%	50.0% #838B72	RGB 131 139 114	#838B72
66.7%	66.7% #969A77	RGB 150 154 119	#969A77
83.3%	83.3% #A9A47A	RGB 169 164 122	#A9A47A
100.0%	100.0% #B9A57C	RGB 185 165 124	#B9A57C

#5B5E5B #666D64 #737C6C #838B72 #969A77 #A9A47A #B9A57C

#5B5E5B - #838B72 - #B9A57C

CSS codes

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

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