#70BC5E - #2F911C | 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 #70BC5E to #2F911C

#70BC5E #2F911C

Calculate the color between two colors, #70BC5E and #2F911C. 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)

#70BC5E - #2F911C | 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 #70BC5E as 0% and #2F911C as 100%.

0.0%	0.0% #70BC5E	RGB 112 188 94	#70BC5E
16.7%	16.7% #65B453	RGB 101 180 83	#65B453
33.3%	33.3% #5AAD48	RGB 90 173 72	#5AAD48
50.0%	50.0% #4FA63D	RGB 79 166 61	#4FA63D
66.7%	66.7% #449F32	RGB 68 159 50	#449F32
83.3%	83.3% #399827	RGB 57 152 39	#399827
100.0%	100.0% #2F911C	RGB 47 145 28	#2F911C

#70BC5E #65B453 #5AAD48 #4FA63D #449F32 #399827 #2F911C

#70BC5E - #2F911C

HSV Blend

#70BC5E - #2F911C | 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 #70BC5E as 0% and #2F911C as 100%.

0.0%	0.0% #70BC5E	RGB 112 188 94	#70BC5E
16.7%	16.7% #63B451	RGB 99 180 81	#63B451
33.3%	33.3% #58AD45	RGB 88 173 69	#58AD45
50.0%	50.0% #4CA639	RGB 76 166 57	#4CA639
66.7%	66.7% #429F2F	RGB 66 159 47	#429F2F
83.3%	83.3% #389825	RGB 56 152 37	#389825
100.0%	100.0% #2F911C	RGB 47 145 28	#2F911C

#70BC5E #63B451 #58AD45 #4CA639 #429F2F #389825 #2F911C

#70BC5E - #4CA639 - #2F911C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70BC5E 0%, #4CA639 50%, #2F911C 100%);
    background: -webkit-linear-gradient(top, #70BC5E 0%, #4CA639 50%, #2F911C 100%);
    background: linear-gradient(to bottom, #70BC5E 0%, #4CA639 50%, #2F911C 100%);
}
</style>