#8C7B6C - #28231E | 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 #8C7B6C to #28231E

#8C7B6C #28231E

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

#8C7B6C - #28231E | 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 #8C7B6C as 0% and #28231E as 100%.

0.0%	0.0% #8C7B6C	RGB 140 123 108	#8C7B6C
16.7%	16.7% #7B6C5F	RGB 123 108 95	#7B6C5F
33.3%	33.3% #6A5D52	RGB 106 93 82	#6A5D52
50.0%	50.0% #5A4F45	RGB 90 79 69	#5A4F45
66.7%	66.7% #494038	RGB 73 64 56	#494038
83.3%	83.3% #38312B	RGB 56 49 43	#38312B
100.0%	100.0% #28231E	RGB 40 35 30	#28231E

#8C7B6C #7B6C5F #6A5D52 #5A4F45 #494038 #38312B #28231E

#8C7B6C - #28231E

HSV Blend

#8C7B6C - #28231E | 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 #8C7B6C as 0% and #28231E as 100%.

0.0%	0.0% #8C7B6C	RGB 140 123 108	#8C7B6C
16.7%	16.7% #7B6C5E	RGB 123 108 94	#7B6C5E
33.3%	33.3% #6A5D51	RGB 106 93 81	#6A5D51
50.0%	50.0% #5A4E44	RGB 90 78 68	#5A4E44
66.7%	66.7% #494037	RGB 73 64 55	#494037
83.3%	83.3% #38312A	RGB 56 49 42	#38312A
100.0%	100.0% #28231E	RGB 40 35 30	#28231E

#8C7B6C #7B6C5E #6A5D51 #5A4E44 #494037 #38312A #28231E

#8C7B6C - #5A4E44 - #28231E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7B6C 0%, #5A4E44 50%, #28231E 100%);
    background: -webkit-linear-gradient(top, #8C7B6C 0%, #5A4E44 50%, #28231E 100%);
    background: linear-gradient(to bottom, #8C7B6C 0%, #5A4E44 50%, #28231E 100%);
}
</style>