#72AB5E - #2B741A | 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 #72AB5E to #2B741A

#72AB5E #2B741A

Calculate the color between two colors, #72AB5E and #2B741A. 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)

#72AB5E - #2B741A | 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 #72AB5E as 0% and #2B741A as 100%.

0.0%	0.0% #72AB5E	RGB 114 171 94	#72AB5E
16.7%	16.7% #66A152	RGB 102 161 82	#66A152
33.3%	33.3% #5A9847	RGB 90 152 71	#5A9847
50.0%	50.0% #4E8F3C	RGB 78 143 60	#4E8F3C
66.7%	66.7% #428630	RGB 66 134 48	#428630
83.3%	83.3% #367D25	RGB 54 125 37	#367D25
100.0%	100.0% #2B741A	RGB 43 116 26	#2B741A

#72AB5E #66A152 #5A9847 #4E8F3C #428630 #367D25 #2B741A

#72AB5E - #2B741A

HSV Blend

#72AB5E - #2B741A | 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 #72AB5E as 0% and #2B741A as 100%.

0.0%	0.0% #72AB5E	RGB 114 171 94	#72AB5E
16.7%	16.7% #64A150	RGB 100 161 80	#64A150
33.3%	33.3% #579843	RGB 87 152 67	#579843
50.0%	50.0% #4B8F37	RGB 75 143 55	#4B8F37
66.7%	66.7% #3F862C	RGB 63 134 44	#3F862C
83.3%	83.3% #347D22	RGB 52 125 34	#347D22
100.0%	100.0% #2B741A	RGB 43 116 26	#2B741A

#72AB5E #64A150 #579843 #4B8F37 #3F862C #347D22 #2B741A

#72AB5E - #4B8F37 - #2B741A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72AB5E 0%, #4B8F37 50%, #2B741A 100%);
    background: -webkit-linear-gradient(top, #72AB5E 0%, #4B8F37 50%, #2B741A 100%);
    background: linear-gradient(to bottom, #72AB5E 0%, #4B8F37 50%, #2B741A 100%);
}
</style>