#4E5E3B - #BAA963 | 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 #4E5E3B to #BAA963

#4E5E3B #BAA963

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

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

0.0%	0.0% #4E5E3B	RGB 78 94 59	#4E5E3B
16.7%	16.7% #606A41	RGB 96 106 65	#606A41
33.3%	33.3% #727748	RGB 114 119 72	#727748
50.0%	50.0% #84834F	RGB 132 131 79	#84834F
66.7%	66.7% #969055	RGB 150 144 85	#969055
83.3%	83.3% #A89C5C	RGB 168 156 92	#A89C5C
100.0%	100.0% #BAA963	RGB 186 169 99	#BAA963

#4E5E3B #606A41 #727748 #84834F #969055 #A89C5C #BAA963

#4E5E3B - #BAA963

HSV Blend

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

0.0%	0.0% #4E5E3B	RGB 78 94 59	#4E5E3B
16.7%	16.7% #5E6D42	RGB 94 109 66	#5E6D42
33.3%	33.3% #707C4A	RGB 112 124 74	#707C4A
50.0%	50.0% #848C51	RGB 132 140 81	#848C51
66.7%	66.7% #999B57	RGB 153 155 87	#999B57
83.3%	83.3% #AAA35D	RGB 170 163 93	#AAA35D
100.0%	100.0% #BAA963	RGB 186 169 99	#BAA963

#4E5E3B #5E6D42 #707C4A #848C51 #999B57 #AAA35D #BAA963

#4E5E3B - #848C51 - #BAA963

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E3B 0%, #848C51 50%, #BAA963 100%);
    background: -webkit-linear-gradient(top, #4E5E3B 0%, #848C51 50%, #BAA963 100%);
    background: linear-gradient(to bottom, #4E5E3B 0%, #848C51 50%, #BAA963 100%);
}
</style>