#4E4A3C - #AD8468 | 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 #4E4A3C to #AD8468

#4E4A3C #AD8468

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

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

0.0%	0.0% #4E4A3C	RGB 78 74 60	#4E4A3C
16.7%	16.7% #5D5343	RGB 93 83 67	#5D5343
33.3%	33.3% #6D5D4A	RGB 109 93 74	#6D5D4A
50.0%	50.0% #7D6752	RGB 125 103 82	#7D6752
66.7%	66.7% #8D7059	RGB 141 112 89	#8D7059
83.3%	83.3% #9D7A60	RGB 157 122 96	#9D7A60
100.0%	100.0% #AD8468	RGB 173 132 104	#AD8468

#4E4A3C #5D5343 #6D5D4A #7D6752 #8D7059 #9D7A60 #AD8468

#4E4A3C - #AD8468

HSV Blend

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

0.0%	0.0% #4E4A3C	RGB 78 74 60	#4E4A3C
16.7%	16.7% #5D5645	RGB 93 86 69	#5D5645
33.3%	33.3% #6D624E	RGB 109 98 78	#6D624E
50.0%	50.0% #7D6D55	RGB 125 109 85	#7D6D55
66.7%	66.7% #8D765C	RGB 141 118 92	#8D765C
83.3%	83.3% #9D7E62	RGB 157 126 98	#9D7E62
100.0%	100.0% #AD8468	RGB 173 132 104	#AD8468

#4E4A3C #5D5645 #6D624E #7D6D55 #8D765C #9D7E62 #AD8468

#4E4A3C - #7D6D55 - #AD8468

CSS codes

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

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