#B9EC3A - #E2FF76 | 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 #B9EC3A to #E2FF76

#B9EC3A #E2FF76

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

#B9EC3A - #E2FF76 | 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 #B9EC3A as 0% and #E2FF76 as 100%.

0.0%	0.0% #B9EC3A	RGB 185 236 58	#B9EC3A
16.7%	16.7% #BFEF44	RGB 191 239 68	#BFEF44
33.3%	33.3% #C6F24E	RGB 198 242 78	#C6F24E
50.0%	50.0% #CDF558	RGB 205 245 88	#CDF558
66.7%	66.7% #D4F862	RGB 212 248 98	#D4F862
83.3%	83.3% #DBFB6C	RGB 219 251 108	#DBFB6C
100.0%	100.0% #E2FF76	RGB 226 255 118	#E2FF76

#B9EC3A #BFEF44 #C6F24E #CDF558 #D4F862 #DBFB6C #E2FF76

#B9EC3A - #E2FF76

HSV Blend

#B9EC3A - #E2FF76 | 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 #B9EC3A as 0% and #E2FF76 as 100%.

0.0%	0.0% #B9EC3A	RGB 185 236 58	#B9EC3A
16.7%	16.7% #C0EF43	RGB 192 239 67	#C0EF43
33.3%	33.3% #C7F24D	RGB 199 242 77	#C7F24D
50.0%	50.0% #CEF556	RGB 206 245 86	#CEF556
66.7%	66.7% #D4F861	RGB 212 248 97	#D4F861
83.3%	83.3% #DBFB6B	RGB 219 251 107	#DBFB6B
100.0%	100.0% #E2FF76	RGB 226 255 118	#E2FF76

#B9EC3A #C0EF43 #C7F24D #CEF556 #D4F861 #DBFB6B #E2FF76

#B9EC3A - #CEF556 - #E2FF76

CSS codes

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

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