#F0FF5E - #BFDC1B | 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 #F0FF5E to #BFDC1B

#F0FF5E #BFDC1B

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

#F0FF5E - #BFDC1B | 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 #F0FF5E as 0% and #BFDC1B as 100%.

0.0%	0.0% #F0FF5E	RGB 240 255 94	#F0FF5E
16.7%	16.7% #E7F952	RGB 231 249 82	#E7F952
33.3%	33.3% #DFF347	RGB 223 243 71	#DFF347
50.0%	50.0% #D7ED3C	RGB 215 237 60	#D7ED3C
66.7%	66.7% #CFE731	RGB 207 231 49	#CFE731
83.3%	83.3% #C7E126	RGB 199 225 38	#C7E126
100.0%	100.0% #BFDC1B	RGB 191 220 27	#BFDC1B

#F0FF5E #E7F952 #DFF347 #D7ED3C #CFE731 #C7E126 #BFDC1B

#F0FF5E - #BFDC1B

HSV Blend

#F0FF5E - #BFDC1B | 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 #F0FF5E as 0% and #BFDC1B as 100%.

0.0%	0.0% #F0FF5D	RGB 240 255 93	#F0FF5D
16.7%	16.7% #E7F951	RGB 231 249 81	#E7F951
33.3%	33.3% #DFF345	RGB 223 243 69	#DFF345
50.0%	50.0% #D7ED3A	RGB 215 237 58	#D7ED3A
66.7%	66.7% #CFE72F	RGB 207 231 47	#CFE72F
83.3%	83.3% #C7E124	RGB 199 225 36	#C7E124
100.0%	100.0% #BFDC1B	RGB 191 220 27	#BFDC1B

#F0FF5D #E7F951 #DFF345 #D7ED3A #CFE72F #C7E124 #BFDC1B

#F0FF5E - #D7ED3A - #BFDC1B

CSS codes

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

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