#5B5E59 - #BAA87C | 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 #5B5E59 to #BAA87C

#5B5E59 #BAA87C

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

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

0.0%	0.0% #5B5E59	RGB 91 94 89	#5B5E59
16.7%	16.7% #6A6A5E	RGB 106 106 94	#6A6A5E
33.3%	33.3% #7A7664	RGB 122 118 100	#7A7664
50.0%	50.0% #8A836A	RGB 138 131 106	#8A836A
66.7%	66.7% #9A8F70	RGB 154 143 112	#9A8F70
83.3%	83.3% #AA9B76	RGB 170 155 118	#AA9B76
100.0%	100.0% #BAA87C	RGB 186 168 124	#BAA87C

#5B5E59 #6A6A5E #7A7664 #8A836A #9A8F70 #AA9B76 #BAA87C

#5B5E59 - #BAA87C

HSV Blend

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

0.0%	0.0% #5B5E59	RGB 91 94 89	#5B5E59
16.7%	16.7% #686D62	RGB 104 109 98	#686D62
33.3%	33.3% #777C6A	RGB 119 124 106	#777C6A
50.0%	50.0% #878C70	RGB 135 140 112	#878C70
66.7%	66.7% #9B9B76	RGB 155 155 118	#9B9B76
83.3%	83.3% #AAA379	RGB 170 163 121	#AAA379
100.0%	100.0% #BAA87C	RGB 186 168 124	#BAA87C

#5B5E59 #686D62 #777C6A #878C70 #9B9B76 #AAA379 #BAA87C

#5B5E59 - #878C70 - #BAA87C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E59 0%, #878C70 50%, #BAA87C 100%);
    background: -webkit-linear-gradient(top, #5B5E59 0%, #878C70 50%, #BAA87C 100%);
    background: linear-gradient(to bottom, #5B5E59 0%, #878C70 50%, #BAA87C 100%);
}
</style>