#8C7155 - #3C2D20 | 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 #8C7155 to #3C2D20

#8C7155 #3C2D20

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

#8C7155 - #3C2D20 | 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 #8C7155 as 0% and #3C2D20 as 100%.

0.0%	0.0% #8C7155	RGB 140 113 85	#8C7155
16.7%	16.7% #7E654C	RGB 126 101 76	#7E654C
33.3%	33.3% #715A43	RGB 113 90 67	#715A43
50.0%	50.0% #644F3A	RGB 100 79 58	#644F3A
66.7%	66.7% #564331	RGB 86 67 49	#564331
83.3%	83.3% #493828	RGB 73 56 40	#493828
100.0%	100.0% #3C2D20	RGB 60 45 32	#3C2D20

#8C7155 #7E654C #715A43 #644F3A #564331 #493828 #3C2D20

#8C7155 - #3C2D20

HSV Blend

#8C7155 - #3C2D20 | 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 #8C7155 as 0% and #3C2D20 as 100%.

0.0%	0.0% #8C7155	RGB 140 113 85	#8C7155
16.7%	16.7% #7E654B	RGB 126 101 75	#7E654B
33.3%	33.3% #715942	RGB 113 89 66	#715942
50.0%	50.0% #644D39	RGB 100 77 57	#644D39
66.7%	66.7% #564230	RGB 86 66 48	#564230
83.3%	83.3% #493728	RGB 73 55 40	#493728
100.0%	100.0% #3C2D20	RGB 60 45 32	#3C2D20

#8C7155 #7E654B #715942 #644D39 #564230 #493728 #3C2D20

#8C7155 - #644D39 - #3C2D20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7155 0%, #644D39 50%, #3C2D20 100%);
    background: -webkit-linear-gradient(top, #8C7155 0%, #644D39 50%, #3C2D20 100%);
    background: linear-gradient(to bottom, #8C7155 0%, #644D39 50%, #3C2D20 100%);
}
</style>