#2EFF7A - #00BA6B | 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 #2EFF7A to #00BA6B

#2EFF7A #00BA6B

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

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

0.0%	0.0% #2EFF7A	RGB 46 255 122	#2EFF7A
16.7%	16.7% #26F377	RGB 38 243 119	#26F377
33.3%	33.3% #1EE875	RGB 30 232 117	#1EE875
50.0%	50.0% #17DC72	RGB 23 220 114	#17DC72
66.7%	66.7% #0FD170	RGB 15 209 112	#0FD170
83.3%	83.3% #07C56D	RGB 7 197 109	#07C56D
100.0%	100.0% #00BA6B	RGB 0 186 107	#00BA6B

#2EFF7A #26F377 #1EE875 #17DC72 #0FD170 #07C56D #00BA6B

#2EFF7A - #00BA6B

HSV Blend

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

0.0%	0.0% #2DFF7A	RGB 45 255 122	#2DFF7A
16.7%	16.7% #24F377	RGB 36 243 119	#24F377
33.3%	33.3% #1BE874	RGB 27 232 116	#1BE874
50.0%	50.0% #13DC72	RGB 19 220 114	#13DC72
66.7%	66.7% #0CD16F	RGB 12 209 111	#0CD16F
83.3%	83.3% #05C56D	RGB 5 197 109	#05C56D
100.0%	100.0% #00BA6B	RGB 0 186 107	#00BA6B

#2DFF7A #24F377 #1BE874 #13DC72 #0CD16F #05C56D #00BA6B

#2EFF7A - #13DC72 - #00BA6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DFF7A 0%, #13DC72 50%, #00BA6B 100%);
    background: -webkit-linear-gradient(top, #2DFF7A 0%, #13DC72 50%, #00BA6B 100%);
    background: linear-gradient(to bottom, #2DFF7A 0%, #13DC72 50%, #00BA6B 100%);
}
</style>