#B0FF6F - #FFF99E | 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 #B0FF6F to #FFF99E

#B0FF6F #FFF99E

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

#B0FF6F - #FFF99E | 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 #B0FF6F as 0% and #FFF99E as 100%.

0.0%	0.0% #B0FF6F	RGB 176 255 111	#B0FF6F
16.7%	16.7% #BDFE76	RGB 189 254 118	#BDFE76
33.3%	33.3% #CAFD7E	RGB 202 253 126	#CAFD7E
50.0%	50.0% #D7FC86	RGB 215 252 134	#D7FC86
66.7%	66.7% #E4FB8E	RGB 228 251 142	#E4FB8E
83.3%	83.3% #F1FA96	RGB 241 250 150	#F1FA96
100.0%	100.0% #FFF99E	RGB 255 249 158	#FFF99E

#B0FF6F #BDFE76 #CAFD7E #D7FC86 #E4FB8E #F1FA96 #FFF99E

#B0FF6F - #FFF99E

HSV Blend

#B0FF6F - #FFF99E | 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 #B0FF6F as 0% and #FFF99E as 100%.

0.0%	0.0% #B0FF6F	RGB 176 255 111	#B0FF6F
16.7%	16.7% #C2FF76	RGB 194 255 118	#C2FF76
33.3%	33.3% #D2FF7E	RGB 210 255 126	#D2FF7E
50.0%	50.0% #E1FF86	RGB 225 255 134	#E1FF86
66.7%	66.7% #EFFF8E	RGB 239 255 142	#EFFF8E
83.3%	83.3% #FAFF96	RGB 250 255 150	#FAFF96
100.0%	100.0% #FFF99E	RGB 255 249 158	#FFF99E

#B0FF6F #C2FF76 #D2FF7E #E1FF86 #EFFF8E #FAFF96 #FFF99E

#B0FF6F - #E1FF86 - #FFF99E

CSS codes

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

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