#01DC2D - #FFFF82 | 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 #01DC2D to #FFFF82

#01DC2D #FFFF82

Calculate the color between two colors, #01DC2D and #FFFF82. 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)

#01DC2D - #FFFF82 | 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 #01DC2D as 0% and #FFFF82 as 100%.

0.0%	0.0% #01DC2D	RGB 1 220 45	#01DC2D
16.7%	16.7% #2BE13B	RGB 43 225 59	#2BE13B
33.3%	33.3% #55E749	RGB 85 231 73	#55E749
50.0%	50.0% #80ED57	RGB 128 237 87	#80ED57
66.7%	66.7% #AAF365	RGB 170 243 101	#AAF365
83.3%	83.3% #D4F973	RGB 212 249 115	#D4F973
100.0%	100.0% #FFFF82	RGB 255 255 130	#FFFF82

#01DC2D #2BE13B #55E749 #80ED57 #AAF365 #D4F973 #FFFF82

#01DC2D - #FFFF82

HSV Blend

#01DC2D - #FFFF82 | 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 #01DC2D as 0% and #FFFF82 as 100%.

0.0%	0.0% #00DC2D	RGB 0 220 45	#00DC2D
16.7%	16.7% #14E114	RGB 20 225 20	#14E114
33.3%	33.3% #4EE728	RGB 78 231 40	#4EE728
50.0%	50.0% #83ED3D	RGB 131 237 61	#83ED3D
66.7%	66.7% #B3F353	RGB 179 243 83	#B3F353
83.3%	83.3% #DCF96A	RGB 220 249 106	#DCF96A
100.0%	100.0% #FFFF82	RGB 255 255 130	#FFFF82

#00DC2D #14E114 #4EE728 #83ED3D #B3F353 #DCF96A #FFFF82

#01DC2D - #83ED3D - #FFFF82

CSS codes

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

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