#F2FF73 - #C3E026 | 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 #F2FF73 to #C3E026

#F2FF73 #C3E026

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

#F2FF73 - #C3E026 | 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 #F2FF73 as 0% and #C3E026 as 100%.

0.0%	0.0% #F2FF73	RGB 242 255 115	#F2FF73
16.7%	16.7% #EAF966	RGB 234 249 102	#EAF966
33.3%	33.3% #E2F459	RGB 226 244 89	#E2F459
50.0%	50.0% #DAEF4C	RGB 218 239 76	#DAEF4C
66.7%	66.7% #D2EA3F	RGB 210 234 63	#D2EA3F
83.3%	83.3% #CAE532	RGB 202 229 50	#CAE532
100.0%	100.0% #C3E026	RGB 195 224 38	#C3E026

#F2FF73 #EAF966 #E2F459 #DAEF4C #D2EA3F #CAE532 #C3E026

#F2FF73 - #C3E026

HSV Blend

#F2FF73 - #C3E026 | 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 #F2FF73 as 0% and #C3E026 as 100%.

0.0%	0.0% #F2FF73	RGB 242 255 115	#F2FF73
16.7%	16.7% #EAF964	RGB 234 249 100	#EAF964
33.3%	33.3% #E2F457	RGB 226 244 87	#E2F457
50.0%	50.0% #DAEF4A	RGB 218 239 74	#DAEF4A
66.7%	66.7% #D3EA3D	RGB 211 234 61	#D3EA3D
83.3%	83.3% #CBE531	RGB 203 229 49	#CBE531
100.0%	100.0% #C3E026	RGB 195 224 38	#C3E026

#F2FF73 #EAF964 #E2F457 #DAEF4A #D3EA3D #CBE531 #C3E026

#F2FF73 - #DAEF4A - #C3E026

CSS codes

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

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