#4D4E3E - #AD9A6A | 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 #4D4E3E to #AD9A6A

#4D4E3E #AD9A6A

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

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

0.0%	0.0% #4D4E3E	RGB 77 78 62	#4D4E3E
16.7%	16.7% #5D5A45	RGB 93 90 69	#5D5A45
33.3%	33.3% #6D674C	RGB 109 103 76	#6D674C
50.0%	50.0% #7D7454	RGB 125 116 84	#7D7454
66.7%	66.7% #8D805B	RGB 141 128 91	#8D805B
83.3%	83.3% #9D8D62	RGB 157 141 98	#9D8D62
100.0%	100.0% #AD9A6A	RGB 173 154 106	#AD9A6A

#4D4E3E #5D5A45 #6D674C #7D7454 #8D805B #9D8D62 #AD9A6A

#4D4E3E - #AD9A6A

HSV Blend

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

0.0%	0.0% #4D4E3E	RGB 77 78 62	#4D4E3E
16.7%	16.7% #5D5D47	RGB 93 93 71	#5D5D47
33.3%	33.3% #6D6C50	RGB 109 108 80	#6D6C50
50.0%	50.0% #7D7958	RGB 125 121 88	#7D7958
66.7%	66.7% #8D855F	RGB 141 133 95	#8D855F
83.3%	83.3% #9D9065	RGB 157 144 101	#9D9065
100.0%	100.0% #AD9A6A	RGB 173 154 106	#AD9A6A

#4D4E3E #5D5D47 #6D6C50 #7D7958 #8D855F #9D9065 #AD9A6A

#4D4E3E - #7D7958 - #AD9A6A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4E3E 0%, #7D7958 50%, #AD9A6A 100%);
    background: -webkit-linear-gradient(top, #4D4E3E 0%, #7D7958 50%, #AD9A6A 100%);
    background: linear-gradient(to bottom, #4D4E3E 0%, #7D7958 50%, #AD9A6A 100%);
}
</style>