#888968 - #4E541C | 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 #888968 to #4E541C

#888968 #4E541C

Calculate the color between two colors, #888968 and #4E541C. 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)

#888968 - #4E541C | 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 #888968 as 0% and #4E541C as 100%.

0.0%	0.0% #888968	RGB 136 137 104	#888968
16.7%	16.7% #7E805B	RGB 126 128 91	#7E805B
33.3%	33.3% #74774E	RGB 116 119 78	#74774E
50.0%	50.0% #6B6E42	RGB 107 110 66	#6B6E42
66.7%	66.7% #616535	RGB 97 101 53	#616535
83.3%	83.3% #575C28	RGB 87 92 40	#575C28
100.0%	100.0% #4E541C	RGB 78 84 28	#4E541C

#888968 #7E805B #74774E #6B6E42 #616535 #575C28 #4E541C

#888968 - #4E541C

HSV Blend

#888968 - #4E541C | 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 #888968 as 0% and #4E541C as 100%.

0.0%	0.0% #888968	RGB 136 137 104	#888968
16.7%	16.7% #7E8058	RGB 126 128 88	#7E8058
33.3%	33.3% #747749	RGB 116 119 73	#747749
50.0%	50.0% #6B6E3C	RGB 107 110 60	#6B6E3C
66.7%	66.7% #616530	RGB 97 101 48	#616530
83.3%	83.3% #575C25	RGB 87 92 37	#575C25
100.0%	100.0% #4E541C	RGB 78 84 28	#4E541C

#888968 #7E8058 #747749 #6B6E3C #616530 #575C25 #4E541C

#888968 - #6B6E3C - #4E541C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #888968 0%, #6B6E3C 50%, #4E541C 100%);
    background: -webkit-linear-gradient(top, #888968 0%, #6B6E3C 50%, #4E541C 100%);
    background: linear-gradient(to bottom, #888968 0%, #6B6E3C 50%, #4E541C 100%);
}
</style>