#F2FFB6 - #BFE65E | 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 #F2FFB6 to #BFE65E

#F2FFB6 #BFE65E

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

#F2FFB6 - #BFE65E | 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 #F2FFB6 as 0% and #BFE65E as 100%.

0.0%	0.0% #F2FFB6	RGB 242 255 182	#F2FFB6
16.7%	16.7% #E9FAA7	RGB 233 250 167	#E9FAA7
33.3%	33.3% #E1F698	RGB 225 246 152	#E1F698
50.0%	50.0% #D8F28A	RGB 216 242 138	#D8F28A
66.7%	66.7% #D0EE7B	RGB 208 238 123	#D0EE7B
83.3%	83.3% #C7EA6C	RGB 199 234 108	#C7EA6C
100.0%	100.0% #BFE65E	RGB 191 230 94	#BFE65E

#F2FFB6 #E9FAA7 #E1F698 #D8F28A #D0EE7B #C7EA6C #BFE65E

#F2FFB6 - #BFE65E

HSV Blend

#F2FFB6 - #BFE65E | 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 #F2FFB6 as 0% and #BFE65E as 100%.

0.0%	0.0% #F2FFB6	RGB 242 255 182	#F2FFB6
16.7%	16.7% #EAFAA6	RGB 234 250 166	#EAFAA6
33.3%	33.3% #E2F696	RGB 226 246 150	#E2F696
50.0%	50.0% #D9F288	RGB 217 242 136	#D9F288
66.7%	66.7% #D1EE79	RGB 209 238 121	#D1EE79
83.3%	83.3% #C8EA6B	RGB 200 234 107	#C8EA6B
100.0%	100.0% #BFE65E	RGB 191 230 94	#BFE65E

#F2FFB6 #EAFAA6 #E2F696 #D9F288 #D1EE79 #C8EA6B #BFE65E

#F2FFB6 - #D9F288 - #BFE65E

CSS codes

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

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