#2BFF2B - #00CD13 | 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 #2BFF2B to #00CD13

#2BFF2B #00CD13

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

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

0.0%	0.0% #2BFF2B	RGB 43 255 43	#2BFF2B
16.7%	16.7% #23F627	RGB 35 246 39	#23F627
33.3%	33.3% #1CEE23	RGB 28 238 35	#1CEE23
50.0%	50.0% #15E61F	RGB 21 230 31	#15E61F
66.7%	66.7% #0EDD1B	RGB 14 221 27	#0EDD1B
83.3%	83.3% #07D517	RGB 7 213 23	#07D517
100.0%	100.0% #00CD13	RGB 0 205 19	#00CD13

#2BFF2B #23F627 #1CEE23 #15E61F #0EDD1B #07D517 #00CD13

#2BFF2B - #00CD13

HSV Blend

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

0.0%	0.0% #2AFF2B	RGB 42 255 43	#2AFF2B
16.7%	16.7% #22F625	RGB 34 246 37	#22F625
33.3%	33.3% #1AEE21	RGB 26 238 33	#1AEE21
50.0%	50.0% #13E61D	RGB 19 230 29	#13E61D
66.7%	66.7% #0CDD19	RGB 12 221 25	#0CDD19
83.3%	83.3% #05D516	RGB 5 213 22	#05D516
100.0%	100.0% #00CD13	RGB 0 205 19	#00CD13

#2AFF2B #22F625 #1AEE21 #13E61D #0CDD19 #05D516 #00CD13

#2BFF2B - #13E61D - #00CD13

CSS codes

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

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