#5B5B5D - #B49979 | 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 #5B5B5D to #B49979

#5B5B5D #B49979

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

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

0.0%	0.0% #5B5B5D	RGB 91 91 93	#5B5B5D
16.7%	16.7% #696561	RGB 105 101 97	#696561
33.3%	33.3% #786F66	RGB 120 111 102	#786F66
50.0%	50.0% #877A6B	RGB 135 122 107	#877A6B
66.7%	66.7% #96846F	RGB 150 132 111	#96846F
83.3%	83.3% #A58E74	RGB 165 142 116	#A58E74
100.0%	100.0% #B49979	RGB 180 153 121	#B49979

#5B5B5D #696561 #786F66 #877A6B #96846F #A58E74 #B49979

#5B5B5D - #B49979

HSV Blend

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

0.0%	0.0% #5B5B5D	RGB 91 91 93	#5B5B5D
16.7%	16.7% #67636B	RGB 103 99 107	#67636B
33.3%	33.3% #776A7A	RGB 119 106 122	#776A7A
50.0%	50.0% #887082	RGB 136 112 130	#887082
66.7%	66.7% #97747F	RGB 151 116 127	#97747F
83.3%	83.3% #A57D77	RGB 165 125 119	#A57D77
100.0%	100.0% #B49979	RGB 180 153 121	#B49979

#5B5B5D #67636B #776A7A #887082 #97747F #A57D77 #B49979

#5B5B5D - #887082 - #B49979

CSS codes

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

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