#00FF00 - #FFFF80 | 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 #00FF00 to #FFFF80

#00FF00 #FFFF80

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

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

0.0%	0.0% #00FF00	RGB 0 255 0	#00FF00
16.7%	16.7% #2AFF15	RGB 42 255 21	#2AFF15
33.3%	33.3% #55FF2A	RGB 85 255 42	#55FF2A
50.0%	50.0% #7FFF40	RGB 127 255 64	#7FFF40
66.7%	66.7% #AAFF55	RGB 170 255 85	#AAFF55
83.3%	83.3% #D4FF6A	RGB 212 255 106	#D4FF6A
100.0%	100.0% #FFFF80	RGB 255 255 128	#FFFF80

#00FF00 #2AFF15 #55FF2A #7FFF40 #AAFF55 #D4FF6A #FFFF80

#00FF00 - #FFFF80

HSV Blend

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

0.0%	0.0% #00FF00	RGB 0 255 0	#00FF00
16.7%	16.7% #3CFF15	RGB 60 255 21	#3CFF15
33.3%	33.3% #71FF2A	RGB 113 255 42	#71FF2A
50.0%	50.0% #9FFF3F	RGB 159 255 63	#9FFF3F
66.7%	66.7% #C6FF55	RGB 198 255 85	#C6FF55
83.3%	83.3% #E6FF6A	RGB 230 255 106	#E6FF6A
100.0%	100.0% #FFFF80	RGB 255 255 128	#FFFF80

#00FF00 #3CFF15 #71FF2A #9FFF3F #C6FF55 #E6FF6A #FFFF80

#00FF00 - #9FFF3F - #FFFF80

CSS codes

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

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