#F2FFB5 - #BFE65D | 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 #F2FFB5 to #BFE65D

#F2FFB5 #BFE65D

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

#F2FFB5 - #BFE65D | 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 #F2FFB5 as 0% and #BFE65D as 100%.

0.0%	0.0% #F2FFB5	RGB 242 255 181	#F2FFB5
16.7%	16.7% #E9FAA6	RGB 233 250 166	#E9FAA6
33.3%	33.3% #E1F697	RGB 225 246 151	#E1F697
50.0%	50.0% #D8F289	RGB 216 242 137	#D8F289
66.7%	66.7% #D0EE7A	RGB 208 238 122	#D0EE7A
83.3%	83.3% #C7EA6B	RGB 199 234 107	#C7EA6B
100.0%	100.0% #BFE65D	RGB 191 230 93	#BFE65D

#F2FFB5 #E9FAA6 #E1F697 #D8F289 #D0EE7A #C7EA6B #BFE65D

#F2FFB5 - #BFE65D

HSV Blend

#F2FFB5 - #BFE65D | 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 #F2FFB5 as 0% and #BFE65D as 100%.

0.0%	0.0% #F2FFB5	RGB 242 255 181	#F2FFB5
16.7%	16.7% #EAFAA5	RGB 234 250 165	#EAFAA5
33.3%	33.3% #E2F695	RGB 226 246 149	#E2F695
50.0%	50.0% #D9F287	RGB 217 242 135	#D9F287
66.7%	66.7% #D1EE78	RGB 209 238 120	#D1EE78
83.3%	83.3% #C8EA6A	RGB 200 234 106	#C8EA6A
100.0%	100.0% #BFE65D	RGB 191 230 93	#BFE65D

#F2FFB5 #EAFAA5 #E2F695 #D9F287 #D1EE78 #C8EA6A #BFE65D

#F2FFB5 - #D9F287 - #BFE65D

CSS codes

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

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