#00BA07 - #00FF3E | 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 #00BA07 to #00FF3E

#00BA07 #00FF3E

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

#00BA07 - #00FF3E | 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 #00BA07 as 0% and #00FF3E as 100%.

0.0%	0.0% #00BA07	RGB 0 186 7	#00BA07
16.7%	16.7% #00C510	RGB 0 197 16	#00C510
33.3%	33.3% #00D119	RGB 0 209 25	#00D119
50.0%	50.0% #00DC22	RGB 0 220 34	#00DC22
66.7%	66.7% #00E82B	RGB 0 232 43	#00E82B
83.3%	83.3% #00F334	RGB 0 243 52	#00F334
100.0%	100.0% #00FF3E	RGB 0 255 62	#00FF3E

#00BA07 #00C510 #00D119 #00DC22 #00E82B #00F334 #00FF3E

#00BA07 - #00FF3E

HSV Blend

#00BA07 - #00FF3E | 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 #00BA07 as 0% and #00FF3E as 100%.

0.0%	0.0% #00BA07	RGB 0 186 7	#00BA07
16.7%	16.7% #00C50E	RGB 0 197 14	#00C50E
33.3%	33.3% #00D116	RGB 0 209 22	#00D116
50.0%	50.0% #00DC1E	RGB 0 220 30	#00DC1E
66.7%	66.7% #00E828	RGB 0 232 40	#00E828
83.3%	83.3% #00F332	RGB 0 243 50	#00F332
100.0%	100.0% #00FF3E	RGB 0 255 62	#00FF3E

#00BA07 #00C50E #00D116 #00DC1E #00E828 #00F332 #00FF3E

#00BA07 - #00DC1E - #00FF3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA07 0%, #00DC1E 50%, #00FF3E 100%);
    background: -webkit-linear-gradient(top, #00BA07 0%, #00DC1E 50%, #00FF3E 100%);
    background: linear-gradient(to bottom, #00BA07 0%, #00DC1E 50%, #00FF3E 100%);
}
</style>