#B0FF5B - #FFFC94 | 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 #B0FF5B to #FFFC94

#B0FF5B #FFFC94

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

#B0FF5B - #FFFC94 | 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 #B0FF5B as 0% and #FFFC94 as 100%.

0.0%	0.0% #B0FF5B	RGB 176 255 91	#B0FF5B
16.7%	16.7% #BDFE64	RGB 189 254 100	#BDFE64
33.3%	33.3% #CAFE6E	RGB 202 254 110	#CAFE6E
50.0%	50.0% #D7FD77	RGB 215 253 119	#D7FD77
66.7%	66.7% #E4FD81	RGB 228 253 129	#E4FD81
83.3%	83.3% #F1FC8A	RGB 241 252 138	#F1FC8A
100.0%	100.0% #FFFC94	RGB 255 252 148	#FFFC94

#B0FF5B #BDFE64 #CAFE6E #D7FD77 #E4FD81 #F1FC8A #FFFC94

#B0FF5B - #FFFC94

HSV Blend

#B0FF5B - #FFFC94 | 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 #B0FF5B as 0% and #FFFC94 as 100%.

0.0%	0.0% #B0FF5B	RGB 176 255 91	#B0FF5B
16.7%	16.7% #C1FF64	RGB 193 255 100	#C1FF64
33.3%	33.3% #D1FF6E	RGB 209 255 110	#D1FF6E
50.0%	50.0% #E0FF77	RGB 224 255 119	#E0FF77
66.7%	66.7% #EDFF81	RGB 237 255 129	#EDFF81
83.3%	83.3% #F8FF8A	RGB 248 255 138	#F8FF8A
100.0%	100.0% #FFFC94	RGB 255 252 148	#FFFC94

#B0FF5B #C1FF64 #D1FF6E #E0FF77 #EDFF81 #F8FF8A #FFFC94

#B0FF5B - #E0FF77 - #FFFC94

CSS codes

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

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