#94AD5E - #5A7E1A | 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 #94AD5E to #5A7E1A

#94AD5E #5A7E1A

Calculate the color between two colors, #94AD5E and #5A7E1A. 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)

#94AD5E - #5A7E1A | 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 #94AD5E as 0% and #5A7E1A as 100%.

0.0%	0.0% #94AD5E	RGB 148 173 94	#94AD5E
16.7%	16.7% #8AA552	RGB 138 165 82	#8AA552
33.3%	33.3% #809D47	RGB 128 157 71	#809D47
50.0%	50.0% #77953C	RGB 119 149 60	#77953C
66.7%	66.7% #6D8D30	RGB 109 141 48	#6D8D30
83.3%	83.3% #638525	RGB 99 133 37	#638525
100.0%	100.0% #5A7E1A	RGB 90 126 26	#5A7E1A

#94AD5E #8AA552 #809D47 #77953C #6D8D30 #638525 #5A7E1A

#94AD5E - #5A7E1A

HSV Blend

#94AD5E - #5A7E1A | 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 #94AD5E as 0% and #5A7E1A as 100%.

0.0%	0.0% #94AD5E	RGB 148 173 94	#94AD5E
16.7%	16.7% #89A550	RGB 137 165 80	#89A550
33.3%	33.3% #7F9D43	RGB 127 157 67	#7F9D43
50.0%	50.0% #759538	RGB 117 149 56	#759538
66.7%	66.7% #6C8D2D	RGB 108 141 45	#6C8D2D
83.3%	83.3% #638523	RGB 99 133 35	#638523
100.0%	100.0% #5A7E1A	RGB 90 126 26	#5A7E1A

#94AD5E #89A550 #7F9D43 #759538 #6C8D2D #638523 #5A7E1A

#94AD5E - #759538 - #5A7E1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94AD5E 0%, #759538 50%, #5A7E1A 100%);
    background: -webkit-linear-gradient(top, #94AD5E 0%, #759538 50%, #5A7E1A 100%);
    background: linear-gradient(to bottom, #94AD5E 0%, #759538 50%, #5A7E1A 100%);
}
</style>