#5E4D3D - #8B919A | 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 #5E4D3D to #8B919A

#5E4D3D #8B919A

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

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

0.0%	0.0% #5E4D3D	RGB 94 77 61	#5E4D3D
16.7%	16.7% #65584C	RGB 101 88 76	#65584C
33.3%	33.3% #6D635C	RGB 109 99 92	#6D635C
50.0%	50.0% #746F6B	RGB 116 111 107	#746F6B
66.7%	66.7% #7C7A7B	RGB 124 122 123	#7C7A7B
83.3%	83.3% #83858A	RGB 131 133 138	#83858A
100.0%	100.0% #8B919A	RGB 139 145 154	#8B919A

#5E4D3D #65584C #6D635C #746F6B #7C7A7B #83858A #8B919A

#5E4D3D - #8B919A

HSV Blend

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

0.0%	0.0% #5E4D3D	RGB 94 77 61	#5E4D3D
16.7%	16.7% #684847	RGB 104 72 71	#684847
33.3%	33.3% #725362	RGB 114 83 98	#725362
50.0%	50.0% #7C607A	RGB 124 96 122	#7C607A
66.7%	66.7% #7B6D86	RGB 123 109 134	#7B6D86
83.3%	83.3% #7D7B90	RGB 125 123 144	#7D7B90
100.0%	100.0% #8B919A	RGB 139 145 154	#8B919A

#5E4D3D #684847 #725362 #7C607A #7B6D86 #7D7B90 #8B919A

#5E4D3D - #7C607A - #8B919A

CSS codes

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

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