#0FFF00 - #FFFF7B | 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 #0FFF00 to #FFFF7B

#0FFF00 #FFFF7B

Calculate the color between two colors, #0FFF00 and #FFFF7B. 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)

#0FFF00 - #FFFF7B | 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 #0FFF00 as 0% and #FFFF7B as 100%.

0.0%	0.0% #0FFF00	RGB 15 255 0	#0FFF00
16.7%	16.7% #37FF14	RGB 55 255 20	#37FF14
33.3%	33.3% #5FFF29	RGB 95 255 41	#5FFF29
50.0%	50.0% #87FF3D	RGB 135 255 61	#87FF3D
66.7%	66.7% #AFFF52	RGB 175 255 82	#AFFF52
83.3%	83.3% #D7FF66	RGB 215 255 102	#D7FF66
100.0%	100.0% #FFFF7B	RGB 255 255 123	#FFFF7B

#0FFF00 #37FF14 #5FFF29 #87FF3D #AFFF52 #D7FF66 #FFFF7B

#0FFF00 - #FFFF7B

HSV Blend

#0FFF00 - #FFFF7B | 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 #0FFF00 as 0% and #FFFF7B as 100%.

0.0%	0.0% #0EFF00	RGB 14 255 0	#0EFF00
16.7%	16.7% #47FF14	RGB 71 255 20	#47FF14
33.3%	33.3% #78FF28	RGB 120 255 40	#78FF28
50.0%	50.0% #A3FF3D	RGB 163 255 61	#A3FF3D
66.7%	66.7% #C8FF52	RGB 200 255 82	#C8FF52
83.3%	83.3% #E7FF66	RGB 231 255 102	#E7FF66
100.0%	100.0% #FFFF7B	RGB 255 255 123	#FFFF7B

#0EFF00 #47FF14 #78FF28 #A3FF3D #C8FF52 #E7FF66 #FFFF7B

#0FFF00 - #A3FF3D - #FFFF7B

CSS codes

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

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