#2FFF3C - #00BA34 | 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 #2FFF3C to #00BA34

#2FFF3C #00BA34

Calculate the color between two colors, #2FFF3C and #00BA34. 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)

#2FFF3C - #00BA34 | 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 #2FFF3C as 0% and #00BA34 as 100%.

0.0%	0.0% #2FFF3C	RGB 47 255 60	#2FFF3C
16.7%	16.7% #27F33A	RGB 39 243 58	#27F33A
33.3%	33.3% #1FE839	RGB 31 232 57	#1FE839
50.0%	50.0% #17DC38	RGB 23 220 56	#17DC38
66.7%	66.7% #0FD136	RGB 15 209 54	#0FD136
83.3%	83.3% #07C535	RGB 7 197 53	#07C535
100.0%	100.0% #00BA34	RGB 0 186 52	#00BA34

#2FFF3C #27F33A #1FE839 #17DC38 #0FD136 #07C535 #00BA34

#2FFF3C - #00BA34

HSV Blend

#2FFF3C - #00BA34 | 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 #2FFF3C as 0% and #00BA34 as 100%.

0.0%	0.0% #2EFF3B	RGB 46 255 59	#2EFF3B
16.7%	16.7% #25F339	RGB 37 243 57	#25F339
33.3%	33.3% #1CE837	RGB 28 232 55	#1CE837
50.0%	50.0% #14DC36	RGB 20 220 54	#14DC36
66.7%	66.7% #0CD135	RGB 12 209 53	#0CD135
83.3%	83.3% #06C534	RGB 6 197 52	#06C534
100.0%	100.0% #00BA34	RGB 0 186 52	#00BA34

#2EFF3B #25F339 #1CE837 #14DC36 #0CD135 #06C534 #00BA34

#2FFF3C - #14DC36 - #00BA34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EFF3B 0%, #14DC36 50%, #00BA34 100%);
    background: -webkit-linear-gradient(top, #2EFF3B 0%, #14DC36 50%, #00BA34 100%);
    background: linear-gradient(to bottom, #2EFF3B 0%, #14DC36 50%, #00BA34 100%);
}
</style>