#B2FF70 - #FFF99F | 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 #B2FF70 to #FFF99F

#B2FF70 #FFF99F

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

#B2FF70 - #FFF99F | 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 #B2FF70 as 0% and #FFF99F as 100%.

0.0%	0.0% #B2FF70	RGB 178 255 112	#B2FF70
16.7%	16.7% #BEFE77	RGB 190 254 119	#BEFE77
33.3%	33.3% #CBFD7F	RGB 203 253 127	#CBFD7F
50.0%	50.0% #D8FC87	RGB 216 252 135	#D8FC87
66.7%	66.7% #E5FB8F	RGB 229 251 143	#E5FB8F
83.3%	83.3% #F2FA97	RGB 242 250 151	#F2FA97
100.0%	100.0% #FFF99F	RGB 255 249 159	#FFF99F

#B2FF70 #BEFE77 #CBFD7F #D8FC87 #E5FB8F #F2FA97 #FFF99F

#B2FF70 - #FFF99F

HSV Blend

#B2FF70 - #FFF99F | 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 #B2FF70 as 0% and #FFF99F as 100%.

0.0%	0.0% #B1FF70	RGB 177 255 112	#B1FF70
16.7%	16.7% #C3FF77	RGB 195 255 119	#C3FF77
33.3%	33.3% #D3FF7F	RGB 211 255 127	#D3FF7F
50.0%	50.0% #E2FF87	RGB 226 255 135	#E2FF87
66.7%	66.7% #EFFF8F	RGB 239 255 143	#EFFF8F
83.3%	83.3% #FBFF97	RGB 251 255 151	#FBFF97
100.0%	100.0% #FFF99F	RGB 255 249 159	#FFF99F

#B1FF70 #C3FF77 #D3FF7F #E2FF87 #EFFF8F #FBFF97 #FFF99F

#B2FF70 - #E2FF87 - #FFF99F

CSS codes

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

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