#0FFF00 - #FEFF7B | 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 #FEFF7B

#0FFF00 #FEFF7B

Calculate the color between two colors, #0FFF00 and #FEFF7B. 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 - #FEFF7B | 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 #FEFF7B as 100%.

0.0%	0.0% #0FFF00	RGB 15 255 0	#0FFF00
16.7%	16.7% #36FF14	RGB 54 255 20	#36FF14
33.3%	33.3% #5EFF29	RGB 94 255 41	#5EFF29
50.0%	50.0% #86FF3D	RGB 134 255 61	#86FF3D
66.7%	66.7% #AEFF52	RGB 174 255 82	#AEFF52
83.3%	83.3% #D6FF66	RGB 214 255 102	#D6FF66
100.0%	100.0% #FEFF7B	RGB 254 255 123	#FEFF7B

#0FFF00 #36FF14 #5EFF29 #86FF3D #AEFF52 #D6FF66 #FEFF7B

#0FFF00 - #FEFF7B

HSV Blend

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

0.0%	0.0% #0EFF00	RGB 14 255 0	#0EFF00
16.7%	16.7% #46FF14	RGB 70 255 20	#46FF14
33.3%	33.3% #78FF28	RGB 120 255 40	#78FF28
50.0%	50.0% #A3FF3D	RGB 163 255 61	#A3FF3D
66.7%	66.7% #C7FF52	RGB 199 255 82	#C7FF52
83.3%	83.3% #E6FF66	RGB 230 255 102	#E6FF66
100.0%	100.0% #FEFF7B	RGB 254 255 123	#FEFF7B

#0EFF00 #46FF14 #78FF28 #A3FF3D #C7FF52 #E6FF66 #FEFF7B

#0FFF00 - #A3FF3D - #FEFF7B

CSS codes

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

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