#5B5E5B - #A29977 | 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 #A29977

#5B5E5B #A29977

Calculate the color between two colors, #5B5E5B and #A29977. 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 - #A29977 | 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 #A29977 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #66675F	RGB 102 103 95	#66675F
33.3%	33.3% #727164	RGB 114 113 100	#727164
50.0%	50.0% #7E7B69	RGB 126 123 105	#7E7B69
66.7%	66.7% #8A856D	RGB 138 133 109	#8A856D
83.3%	83.3% #968F72	RGB 150 143 114	#968F72
100.0%	100.0% #A29977	RGB 162 153 119	#A29977

#5B5E5B #66675F #727164 #7E7B69 #8A856D #968F72 #A29977

#5B5E5B - #A29977

HSV Blend

#5B5E5B - #A29977 | 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 #A29977 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #636961	RGB 99 105 97	#636961
33.3%	33.3% #6D7467	RGB 109 116 103	#6D7467
50.0%	50.0% #78806C	RGB 120 128 108	#78806C
66.7%	66.7% #868B71	RGB 134 139 113	#868B71
83.3%	83.3% #969674	RGB 150 150 116	#969674
100.0%	100.0% #A29977	RGB 162 153 119	#A29977

#5B5E5B #636961 #6D7467 #78806C #868B71 #969674 #A29977

#5B5E5B - #78806C - #A29977

CSS codes

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

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