#0FEA00 - #FFFF70 | 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 #0FEA00 to #FFFF70

#0FEA00 #FFFF70

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

#0FEA00 - #FFFF70 | 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 #0FEA00 as 0% and #FFFF70 as 100%.

0.0%	0.0% #0FEA00	RGB 15 234 0	#0FEA00
16.7%	16.7% #37ED12	RGB 55 237 18	#37ED12
33.3%	33.3% #5FF125	RGB 95 241 37	#5FF125
50.0%	50.0% #87F438	RGB 135 244 56	#87F438
66.7%	66.7% #AFF84A	RGB 175 248 74	#AFF84A
83.3%	83.3% #D7FB5D	RGB 215 251 93	#D7FB5D
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#0FEA00 #37ED12 #5FF125 #87F438 #AFF84A #D7FB5D #FFFF70

#0FEA00 - #FFFF70

HSV Blend

#0FEA00 - #FFFF70 | 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 #0FEA00 as 0% and #FFFF70 as 100%.

0.0%	0.0% #0FEA00	RGB 15 234 0	#0FEA00
16.7%	16.7% #41ED11	RGB 65 237 17	#41ED11
33.3%	33.3% #70F123	RGB 112 241 35	#70F123
50.0%	50.0% #9BF435	RGB 155 244 53	#9BF435
66.7%	66.7% #C1F848	RGB 193 248 72	#C1F848
83.3%	83.3% #E2FB5C	RGB 226 251 92	#E2FB5C
100.0%	100.0% #FFFF70	RGB 255 255 112	#FFFF70

#0FEA00 #41ED11 #70F123 #9BF435 #C1F848 #E2FB5C #FFFF70

#0FEA00 - #9BF435 - #FFFF70

CSS codes

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

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