#4C5E46 - #B5A86A | 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 #4C5E46 to #B5A86A

#4C5E46 #B5A86A

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

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

0.0%	0.0% #4C5E46	RGB 76 94 70	#4C5E46
16.7%	16.7% #5D6A4C	RGB 93 106 76	#5D6A4C
33.3%	33.3% #6F7652	RGB 111 118 82	#6F7652
50.0%	50.0% #808358	RGB 128 131 88	#808358
66.7%	66.7% #928F5E	RGB 146 143 94	#928F5E
83.3%	83.3% #A39B64	RGB 163 155 100	#A39B64
100.0%	100.0% #B5A86A	RGB 181 168 106	#B5A86A

#4C5E46 #5D6A4C #6F7652 #808358 #928F5E #A39B64 #B5A86A

#4C5E46 - #B5A86A

HSV Blend

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

0.0%	0.0% #4C5E46	RGB 76 94 70	#4C5E46
16.7%	16.7% #5A6C4D	RGB 90 108 77	#5A6C4D
33.3%	33.3% #6A7B55	RGB 106 123 85	#6A7B55
50.0%	50.0% #7C895B	RGB 124 137 91	#7C895B
66.7%	66.7% #909861	RGB 144 152 97	#909861
83.3%	83.3% #A6A565	RGB 166 165 101	#A6A565
100.0%	100.0% #B5A86A	RGB 181 168 106	#B5A86A

#4C5E46 #5A6C4D #6A7B55 #7C895B #909861 #A6A565 #B5A86A

#4C5E46 - #7C895B - #B5A86A

CSS codes

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

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