#94AE5E - #537A1A | 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 #94AE5E to #537A1A

#94AE5E #537A1A

Calculate the color between two colors, #94AE5E and #537A1A. 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)

#94AE5E - #537A1A | 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 #94AE5E as 0% and #537A1A as 100%.

0.0%	0.0% #94AE5E	RGB 148 174 94	#94AE5E
16.7%	16.7% #89A552	RGB 137 165 82	#89A552
33.3%	33.3% #7E9C47	RGB 126 156 71	#7E9C47
50.0%	50.0% #73943C	RGB 115 148 60	#73943C
66.7%	66.7% #688B30	RGB 104 139 48	#688B30
83.3%	83.3% #5D8225	RGB 93 130 37	#5D8225
100.0%	100.0% #537A1A	RGB 83 122 26	#537A1A

#94AE5E #89A552 #7E9C47 #73943C #688B30 #5D8225 #537A1A

#94AE5E - #537A1A

HSV Blend

#94AE5E - #537A1A | 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 #94AE5E as 0% and #537A1A as 100%.

0.0%	0.0% #94AE5E	RGB 148 174 94	#94AE5E
16.7%	16.7% #88A550	RGB 136 165 80	#88A550
33.3%	33.3% #7D9C43	RGB 125 156 67	#7D9C43
50.0%	50.0% #729437	RGB 114 148 55	#729437
66.7%	66.7% #678B2C	RGB 103 139 44	#678B2C
83.3%	83.3% #5D8222	RGB 93 130 34	#5D8222
100.0%	100.0% #537A1A	RGB 83 122 26	#537A1A

#94AE5E #88A550 #7D9C43 #729437 #678B2C #5D8222 #537A1A

#94AE5E - #729437 - #537A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94AE5E 0%, #729437 50%, #537A1A 100%);
    background: -webkit-linear-gradient(top, #94AE5E 0%, #729437 50%, #537A1A 100%);
    background: linear-gradient(to bottom, #94AE5E 0%, #729437 50%, #537A1A 100%);
}
</style>