#00DC2B - #5DFFB2 | 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 #00DC2B to #5DFFB2

#00DC2B #5DFFB2

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

#00DC2B - #5DFFB2 | 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 #00DC2B as 0% and #5DFFB2 as 100%.

0.0%	0.0% #00DC2B	RGB 0 220 43	#00DC2B
16.7%	16.7% #0FE141	RGB 15 225 65	#0FE141
33.3%	33.3% #1FE758	RGB 31 231 88	#1FE758
50.0%	50.0% #2EED6E	RGB 46 237 110	#2EED6E
66.7%	66.7% #3EF385	RGB 62 243 133	#3EF385
83.3%	83.3% #4DF99B	RGB 77 249 155	#4DF99B
100.0%	100.0% #5DFFB2	RGB 93 255 178	#5DFFB2

#00DC2B #0FE141 #1FE758 #2EED6E #3EF385 #4DF99B #5DFFB2

#00DC2B - #5DFFB2

HSV Blend

#00DC2B - #5DFFB2 | 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 #00DC2B as 0% and #5DFFB2 as 100%.

0.0%	0.0% #00DC2B	RGB 0 220 43	#00DC2B
16.7%	16.7% #0DE142	RGB 13 225 66	#0DE142
33.3%	33.3% #1CE75A	RGB 28 231 90	#1CE75A
50.0%	50.0% #2BED71	RGB 43 237 113	#2BED71
66.7%	66.7% #3BF387	RGB 59 243 135	#3BF387
83.3%	83.3% #4BF99D	RGB 75 249 157	#4BF99D
100.0%	100.0% #5DFFB2	RGB 93 255 178	#5DFFB2

#00DC2B #0DE142 #1CE75A #2BED71 #3BF387 #4BF99D #5DFFB2

#00DC2B - #2BED71 - #5DFFB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DC2B 0%, #2BED71 50%, #5DFFB2 100%);
    background: -webkit-linear-gradient(top, #00DC2B 0%, #2BED71 50%, #5DFFB2 100%);
    background: linear-gradient(to bottom, #00DC2B 0%, #2BED71 50%, #5DFFB2 100%);
}
</style>