#49721B - #68CD5E | 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 #49721B to #68CD5E

#49721B #68CD5E

Calculate the color between two colors, #49721B and #68CD5E. 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)

#49721B - #68CD5E | 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 #49721B as 0% and #68CD5E as 100%.

0.0%	0.0% #49721B	RGB 73 114 27	#49721B
16.7%	16.7% #4E8126	RGB 78 129 38	#4E8126
33.3%	33.3% #539031	RGB 83 144 49	#539031
50.0%	50.0% #589F3C	RGB 88 159 60	#589F3C
66.7%	66.7% #5DAE47	RGB 93 174 71	#5DAE47
83.3%	83.3% #62BD52	RGB 98 189 82	#62BD52
100.0%	100.0% #68CD5E	RGB 104 205 94	#68CD5E

#49721B #4E8126 #539031 #589F3C #5DAE47 #62BD52 #68CD5E

#49721B - #68CD5E

HSV Blend

#49721B - #68CD5E | 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 #49721B as 0% and #68CD5E as 100%.

0.0%	0.0% #49721B	RGB 73 114 27	#49721B
16.7%	16.7% #4E8123	RGB 78 129 35	#4E8123
33.3%	33.3% #52902C	RGB 82 144 44	#52902C
50.0%	50.0% #579F37	RGB 87 159 55	#579F37
66.7%	66.7% #5CAE43	RGB 92 174 67	#5CAE43
83.3%	83.3% #61BD50	RGB 97 189 80	#61BD50
100.0%	100.0% #68CD5E	RGB 104 205 94	#68CD5E

#49721B #4E8123 #52902C #579F37 #5CAE43 #61BD50 #68CD5E

#49721B - #579F37 - #68CD5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49721B 0%, #579F37 50%, #68CD5E 100%);
    background: -webkit-linear-gradient(top, #49721B 0%, #579F37 50%, #68CD5E 100%);
    background: linear-gradient(to bottom, #49721B 0%, #579F37 50%, #68CD5E 100%);
}
</style>