#F2FF2E - #BECF0C | 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 #F2FF2E to #BECF0C

#F2FF2E #BECF0C

Calculate the color between two colors, #F2FF2E and #BECF0C. 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)

#F2FF2E - #BECF0C | 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 #F2FF2E as 0% and #BECF0C as 100%.

0.0%	0.0% #F2FF2E	RGB 242 255 46	#F2FF2E
16.7%	16.7% #E9F728	RGB 233 247 40	#E9F728
33.3%	33.3% #E0EF22	RGB 224 239 34	#E0EF22
50.0%	50.0% #D8E71D	RGB 216 231 29	#D8E71D
66.7%	66.7% #CFDF17	RGB 207 223 23	#CFDF17
83.3%	83.3% #C6D711	RGB 198 215 17	#C6D711
100.0%	100.0% #BECF0C	RGB 190 207 12	#BECF0C

#F2FF2E #E9F728 #E0EF22 #D8E71D #CFDF17 #C6D711 #BECF0C

#F2FF2E - #BECF0C

HSV Blend

#F2FF2E - #BECF0C | 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 #F2FF2E as 0% and #BECF0C as 100%.

0.0%	0.0% #F2FF2D	RGB 242 255 45	#F2FF2D
16.7%	16.7% #E9F727	RGB 233 247 39	#E9F727
33.3%	33.3% #E0EF21	RGB 224 239 33	#E0EF21
50.0%	50.0% #D7E71B	RGB 215 231 27	#D7E71B
66.7%	66.7% #CFDF16	RGB 207 223 22	#CFDF16
83.3%	83.3% #C6D710	RGB 198 215 16	#C6D710
100.0%	100.0% #BECF0C	RGB 190 207 12	#BECF0C

#F2FF2D #E9F727 #E0EF21 #D7E71B #CFDF16 #C6D710 #BECF0C

#F2FF2E - #D7E71B - #BECF0C

CSS codes

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

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