#4B5E48 - #B3A76B | 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 #4B5E48 to #B3A76B

#4B5E48 #B3A76B

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

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

0.0%	0.0% #4B5E48	RGB 75 94 72	#4B5E48
16.7%	16.7% #5C6A4D	RGB 92 106 77	#5C6A4D
33.3%	33.3% #6D7653	RGB 109 118 83	#6D7653
50.0%	50.0% #7F8259	RGB 127 130 89	#7F8259
66.7%	66.7% #908E5F	RGB 144 142 95	#908E5F
83.3%	83.3% #A19A65	RGB 161 154 101	#A19A65
100.0%	100.0% #B3A76B	RGB 179 167 107	#B3A76B

#4B5E48 #5C6A4D #6D7653 #7F8259 #908E5F #A19A65 #B3A76B

#4B5E48 - #B3A76B

HSV Blend

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

0.0%	0.0% #4B5E48	RGB 75 94 72	#4B5E48
16.7%	16.7% #586C4F	RGB 88 108 79	#586C4F
33.3%	33.3% #677A56	RGB 103 122 86	#677A56
50.0%	50.0% #79885D	RGB 121 136 93	#79885D
66.7%	66.7% #8D9662	RGB 141 150 98	#8D9662
83.3%	83.3% #A4A467	RGB 164 164 103	#A4A467
100.0%	100.0% #B3A76B	RGB 179 167 107	#B3A76B

#4B5E48 #586C4F #677A56 #79885D #8D9662 #A4A467 #B3A76B

#4B5E48 - #79885D - #B3A76B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E48 0%, #79885D 50%, #B3A76B 100%);
    background: -webkit-linear-gradient(top, #4B5E48 0%, #79885D 50%, #B3A76B 100%);
    background: linear-gradient(to bottom, #4B5E48 0%, #79885D 50%, #B3A76B 100%);
}
</style>