#B8FF3C - #FFFF84 | 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 #B8FF3C to #FFFF84

#B8FF3C #FFFF84

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

#B8FF3C - #FFFF84 | 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 #B8FF3C as 0% and #FFFF84 as 100%.

0.0%	0.0% #B8FF3C	RGB 184 255 60	#B8FF3C
16.7%	16.7% #C3FF48	RGB 195 255 72	#C3FF48
33.3%	33.3% #CFFF54	RGB 207 255 84	#CFFF54
50.0%	50.0% #DBFF60	RGB 219 255 96	#DBFF60
66.7%	66.7% #E7FF6C	RGB 231 255 108	#E7FF6C
83.3%	83.3% #F3FF78	RGB 243 255 120	#F3FF78
100.0%	100.0% #FFFF84	RGB 255 255 132	#FFFF84

#B8FF3C #C3FF48 #CFFF54 #DBFF60 #E7FF6C #F3FF78 #FFFF84

#B8FF3C - #FFFF84

HSV Blend

#B8FF3C - #FFFF84 | 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 #B8FF3C as 0% and #FFFF84 as 100%.

0.0%	0.0% #B8FF3B	RGB 184 255 59	#B8FF3B
16.7%	16.7% #C7FF47	RGB 199 255 71	#C7FF47
33.3%	33.3% #D5FF53	RGB 213 255 83	#D5FF53
50.0%	50.0% #E2FF5F	RGB 226 255 95	#E2FF5F
66.7%	66.7% #EDFF6C	RGB 237 255 108	#EDFF6C
83.3%	83.3% #F6FF78	RGB 246 255 120	#F6FF78
100.0%	100.0% #FFFF84	RGB 255 255 132	#FFFF84

#B8FF3B #C7FF47 #D5FF53 #E2FF5F #EDFF6C #F6FF78 #FFFF84

#B8FF3C - #E2FF5F - #FFFF84

CSS codes

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

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