#4C5E30 - #BBA959 | 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 #4C5E30 to #BBA959

#4C5E30 #BBA959

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

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

0.0%	0.0% #4C5E30	RGB 76 94 48	#4C5E30
16.7%	16.7% #5E6A36	RGB 94 106 54	#5E6A36
33.3%	33.3% #71773D	RGB 113 119 61	#71773D
50.0%	50.0% #838344	RGB 131 131 68	#838344
66.7%	66.7% #96904B	RGB 150 144 75	#96904B
83.3%	83.3% #A89C52	RGB 168 156 82	#A89C52
100.0%	100.0% #BBA959	RGB 187 169 89	#BBA959

#4C5E30 #5E6A36 #71773D #838344 #96904B #A89C52 #BBA959

#4C5E30 - #BBA959

HSV Blend

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

0.0%	0.0% #4C5E30	RGB 76 94 48	#4C5E30
16.7%	16.7% #5D6D37	RGB 93 109 55	#5D6D37
33.3%	33.3% #707D3E	RGB 112 125 62	#707D3E
50.0%	50.0% #858C45	RGB 133 140 69	#858C45
66.7%	66.7% #9B9C4C	RGB 155 156 76	#9B9C4C
83.3%	83.3% #ABA352	RGB 171 163 82	#ABA352
100.0%	100.0% #BBA959	RGB 187 169 89	#BBA959

#4C5E30 #5D6D37 #707D3E #858C45 #9B9C4C #ABA352 #BBA959

#4C5E30 - #858C45 - #BBA959

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E30 0%, #858C45 50%, #BBA959 100%);
    background: -webkit-linear-gradient(top, #4C5E30 0%, #858C45 50%, #BBA959 100%);
    background: linear-gradient(to bottom, #4C5E30 0%, #858C45 50%, #BBA959 100%);
}
</style>