#94B054 - #4A6716 | 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 #94B054 to #4A6716

#94B054 #4A6716

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

#94B054 - #4A6716 | 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 #94B054 as 0% and #4A6716 as 100%.

0.0%	0.0% #94B054	RGB 148 176 84	#94B054
16.7%	16.7% #87A349	RGB 135 163 73	#87A349
33.3%	33.3% #7B973F	RGB 123 151 63	#7B973F
50.0%	50.0% #6F8B35	RGB 111 139 53	#6F8B35
66.7%	66.7% #627F2A	RGB 98 127 42	#627F2A
83.3%	83.3% #567320	RGB 86 115 32	#567320
100.0%	100.0% #4A6716	RGB 74 103 22	#4A6716

#94B054 #87A349 #7B973F #6F8B35 #627F2A #567320 #4A6716

#94B054 - #4A6716

HSV Blend

#94B054 - #4A6716 | 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 #94B054 as 0% and #4A6716 as 100%.

0.0%	0.0% #94B054	RGB 148 176 84	#94B054
16.7%	16.7% #86A346	RGB 134 163 70	#86A346
33.3%	33.3% #79973B	RGB 121 151 59	#79973B
50.0%	50.0% #6D8B30	RGB 109 139 48	#6D8B30
66.7%	66.7% #617F26	RGB 97 127 38	#617F26
83.3%	83.3% #55731D	RGB 85 115 29	#55731D
100.0%	100.0% #4A6716	RGB 74 103 22	#4A6716

#94B054 #86A346 #79973B #6D8B30 #617F26 #55731D #4A6716

#94B054 - #6D8B30 - #4A6716

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94B054 0%, #6D8B30 50%, #4A6716 100%);
    background: -webkit-linear-gradient(top, #94B054 0%, #6D8B30 50%, #4A6716 100%);
    background: linear-gradient(to bottom, #94B054 0%, #6D8B30 50%, #4A6716 100%);
}
</style>