#8C7E3C - #61480C | 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 #8C7E3C to #61480C

#8C7E3C #61480C

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

#8C7E3C - #61480C | 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 #8C7E3C as 0% and #61480C as 100%.

0.0%	0.0% #8C7E3C	RGB 140 126 60	#8C7E3C
16.7%	16.7% #847534	RGB 132 117 52	#847534
33.3%	33.3% #7D6C2C	RGB 125 108 44	#7D6C2C
50.0%	50.0% #766324	RGB 118 99 36	#766324
66.7%	66.7% #6F5A1C	RGB 111 90 28	#6F5A1C
83.3%	83.3% #685114	RGB 104 81 20	#685114
100.0%	100.0% #61480C	RGB 97 72 12	#61480C

#8C7E3C #847534 #7D6C2C #766324 #6F5A1C #685114 #61480C

#8C7E3C - #61480C

HSV Blend

#8C7E3C - #61480C | 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 #8C7E3C as 0% and #61480C as 100%.

0.0%	0.0% #8C7E3C	RGB 140 126 60	#8C7E3C
16.7%	16.7% #847432	RGB 132 116 50	#847432
33.3%	33.3% #7D6B29	RGB 125 107 41	#7D6B29
50.0%	50.0% #766220	RGB 118 98 32	#766220
66.7%	66.7% #6F5919	RGB 111 89 25	#6F5919
83.3%	83.3% #685012	RGB 104 80 18	#685012
100.0%	100.0% #61480C	RGB 97 72 12	#61480C

#8C7E3C #847432 #7D6B29 #766220 #6F5919 #685012 #61480C

#8C7E3C - #766220 - #61480C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7E3C 0%, #766220 50%, #61480C 100%);
    background: -webkit-linear-gradient(top, #8C7E3C 0%, #766220 50%, #61480C 100%);
    background: linear-gradient(to bottom, #8C7E3C 0%, #766220 50%, #61480C 100%);
}
</style>