#B2FF4B - #F9FF8D | 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 #B2FF4B to #F9FF8D

#B2FF4B #F9FF8D

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

#B2FF4B - #F9FF8D | 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 #B2FF4B as 0% and #F9FF8D as 100%.

0.0%	0.0% #B2FF4B	RGB 178 255 75	#B2FF4B
16.7%	16.7% #BDFF56	RGB 189 255 86	#BDFF56
33.3%	33.3% #C9FF61	RGB 201 255 97	#C9FF61
50.0%	50.0% #D5FF6C	RGB 213 255 108	#D5FF6C
66.7%	66.7% #E1FF77	RGB 225 255 119	#E1FF77
83.3%	83.3% #EDFF82	RGB 237 255 130	#EDFF82
100.0%	100.0% #F9FF8D	RGB 249 255 141	#F9FF8D

#B2FF4B #BDFF56 #C9FF61 #D5FF6C #E1FF77 #EDFF82 #F9FF8D

#B2FF4B - #F9FF8D

HSV Blend

#B2FF4B - #F9FF8D | 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 #B2FF4B as 0% and #F9FF8D as 100%.

0.0%	0.0% #B2FF4B	RGB 178 255 75	#B2FF4B
16.7%	16.7% #C1FF56	RGB 193 255 86	#C1FF56
33.3%	33.3% #CFFF61	RGB 207 255 97	#CFFF61
50.0%	50.0% #DBFF6C	RGB 219 255 108	#DBFF6C
66.7%	66.7% #E6FF77	RGB 230 255 119	#E6FF77
83.3%	83.3% #F0FF82	RGB 240 255 130	#F0FF82
100.0%	100.0% #F9FF8D	RGB 249 255 141	#F9FF8D

#B2FF4B #C1FF56 #CFFF61 #DBFF6C #E6FF77 #F0FF82 #F9FF8D

#B2FF4B - #DBFF6C - #F9FF8D

CSS codes

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

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