#5E5B3D - #8B8B9A | 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 #5E5B3D to #8B8B9A

#5E5B3D #8B8B9A

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

#5E5B3D - #8B8B9A | 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 #5E5B3D as 0% and #8B8B9A as 100%.

0.0%	0.0% #5E5B3D	RGB 94 91 61	#5E5B3D
16.7%	16.7% #65634C	RGB 101 99 76	#65634C
33.3%	33.3% #6D6B5C	RGB 109 107 92	#6D6B5C
50.0%	50.0% #74736B	RGB 116 115 107	#74736B
66.7%	66.7% #7C7B7B	RGB 124 123 123	#7C7B7B
83.3%	83.3% #83838A	RGB 131 131 138	#83838A
100.0%	100.0% #8B8B9A	RGB 139 139 154	#8B8B9A

#5E5B3D #65634C #6D6B5C #74736B #7C7B7B #83838A #8B8B9A

#5E5B3D - #8B8B9A

HSV Blend

#5E5B3D - #8B8B9A | 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 #5E5B3D as 0% and #8B8B9A as 100%.

0.0%	0.0% #5E5B3D	RGB 94 91 61	#5E5B3D
16.7%	16.7% #685547	RGB 104 85 71	#685547
33.3%	33.3% #725355	RGB 114 83 85	#725355
50.0%	50.0% #7C606F	RGB 124 96 111	#7C606F
66.7%	66.7% #856D86	RGB 133 109 134	#856D86
83.3%	83.3% #857B90	RGB 133 123 144	#857B90
100.0%	100.0% #8B8B9A	RGB 139 139 154	#8B8B9A

#5E5B3D #685547 #725355 #7C606F #856D86 #857B90 #8B8B9A

#5E5B3D - #7C606F - #8B8B9A

CSS codes

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

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