#94EF3C - #BAFFB3 | 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 #94EF3C to #BAFFB3

#94EF3C #BAFFB3

Calculate the color between two colors, #94EF3C and #BAFFB3. 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)

#94EF3C - #BAFFB3 | 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 #94EF3C as 0% and #BAFFB3 as 100%.

0.0%	0.0% #94EF3C	RGB 148 239 60	#94EF3C
16.7%	16.7% #9AF14F	RGB 154 241 79	#9AF14F
33.3%	33.3% #A0F463	RGB 160 244 99	#A0F463
50.0%	50.0% #A7F777	RGB 167 247 119	#A7F777
66.7%	66.7% #ADF98B	RGB 173 249 139	#ADF98B
83.3%	83.3% #B3FC9F	RGB 179 252 159	#B3FC9F
100.0%	100.0% #BAFFB3	RGB 186 255 179	#BAFFB3

#94EF3C #9AF14F #A0F463 #A7F777 #ADF98B #B3FC9F #BAFFB3

#94EF3C - #BAFFB3

HSV Blend

#94EF3C - #BAFFB3 | 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 #94EF3C as 0% and #BAFFB3 as 100%.

0.0%	0.0% #93EF3C	RGB 147 239 60	#93EF3C
16.7%	16.7% #94F14E	RGB 148 241 78	#94F14E
33.3%	33.3% #96F462	RGB 150 244 98	#96F462
50.0%	50.0% #9BF775	RGB 155 247 117	#9BF775
66.7%	66.7% #A2F989	RGB 162 249 137	#A2F989
83.3%	83.3% #ADFC9E	RGB 173 252 158	#ADFC9E
100.0%	100.0% #BAFFB3	RGB 186 255 179	#BAFFB3

#93EF3C #94F14E #96F462 #9BF775 #A2F989 #ADFC9E #BAFFB3

#94EF3C - #9BF775 - #BAFFB3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #93EF3C 0%, #9BF775 50%, #BAFFB3 100%);
    background: -webkit-linear-gradient(top, #93EF3C 0%, #9BF775 50%, #BAFFB3 100%);
    background: linear-gradient(to bottom, #93EF3C 0%, #9BF775 50%, #BAFFB3 100%);
}
</style>