#8F8F8F - #7C4938 | 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 #8F8F8F to #7C4938

#8F8F8F #7C4938

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

#8F8F8F - #7C4938 | 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 #8F8F8F as 0% and #7C4938 as 100%.

0.0%	0.0% #8F8F8F	RGB 143 143 143	#8F8F8F
16.7%	16.7% #8B8380	RGB 139 131 128	#8B8380
33.3%	33.3% #887772	RGB 136 119 114	#887772
50.0%	50.0% #856C63	RGB 133 108 99	#856C63
66.7%	66.7% #826055	RGB 130 96 85	#826055
83.3%	83.3% #7F5446	RGB 127 84 70	#7F5446
100.0%	100.0% #7C4938	RGB 124 73 56	#7C4938

#8F8F8F #8B8380 #887772 #856C63 #826055 #7F5446 #7C4938

#8F8F8F - #7C4938

HSV Blend

#8F8F8F - #7C4938 | 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 #8F8F8F as 0% and #7C4938 as 100%.

0.0%	0.0% #8F8F8F	RGB 143 143 143	#8F8F8F
16.7%	16.7% #8B7F7F	RGB 139 127 127	#8B7F7F
33.3%	33.3% #88716F	RGB 136 113 111	#88716F
50.0%	50.0% #856560	RGB 133 101 96	#856560
66.7%	66.7% #825A52	RGB 130 90 82	#825A52
83.3%	83.3% #7F5145	RGB 127 81 69	#7F5145
100.0%	100.0% #7C4938	RGB 124 73 56	#7C4938

#8F8F8F #8B7F7F #88716F #856560 #825A52 #7F5145 #7C4938

#8F8F8F - #856560 - #7C4938

CSS codes

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

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