#8F7B6B - #6F401E | 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 #8F7B6B to #6F401E

#8F7B6B #6F401E

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

#8F7B6B - #6F401E | 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 #8F7B6B as 0% and #6F401E as 100%.

0.0%	0.0% #8F7B6B	RGB 143 123 107	#8F7B6B
16.7%	16.7% #89715E	RGB 137 113 94	#89715E
33.3%	33.3% #846751	RGB 132 103 81	#846751
50.0%	50.0% #7F5D44	RGB 127 93 68	#7F5D44
66.7%	66.7% #795337	RGB 121 83 55	#795337
83.3%	83.3% #74492A	RGB 116 73 42	#74492A
100.0%	100.0% #6F401E	RGB 111 64 30	#6F401E

#8F7B6B #89715E #846751 #7F5D44 #795337 #74492A #6F401E

#8F7B6B - #6F401E

HSV Blend

#8F7B6B - #6F401E | 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 #8F7B6B as 0% and #6F401E as 100%.

0.0%	0.0% #8F7B6B	RGB 143 123 107	#8F7B6B
16.7%	16.7% #89705C	RGB 137 112 92	#89705C
33.3%	33.3% #84654D	RGB 132 101 77	#84654D
50.0%	50.0% #7F5B40	RGB 127 91 64	#7F5B40
66.7%	66.7% #795134	RGB 121 81 52	#795134
83.3%	83.3% #744828	RGB 116 72 40	#744828
100.0%	100.0% #6F401E	RGB 111 64 30	#6F401E

#8F7B6B #89705C #84654D #7F5B40 #795134 #744828 #6F401E

#8F7B6B - #7F5B40 - #6F401E

CSS codes

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

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