#BDFF5E - #76E220 | 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 #BDFF5E to #76E220

#BDFF5E #76E220

Calculate the color between two colors, #BDFF5E and #76E220. 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)

#BDFF5E - #76E220 | 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 #BDFF5E as 0% and #76E220 as 100%.

0.0%	0.0% #BDFF5E	RGB 189 255 94	#BDFF5E
16.7%	16.7% #B1FA53	RGB 177 250 83	#B1FA53
33.3%	33.3% #A5F549	RGB 165 245 73	#A5F549
50.0%	50.0% #99F03F	RGB 153 240 63	#99F03F
66.7%	66.7% #8DEB34	RGB 141 235 52	#8DEB34
83.3%	83.3% #81E62A	RGB 129 230 42	#81E62A
100.0%	100.0% #76E220	RGB 118 226 32	#76E220

#BDFF5E #B1FA53 #A5F549 #99F03F #8DEB34 #81E62A #76E220

#BDFF5E - #76E220

HSV Blend

#BDFF5E - #76E220 | 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 #BDFF5E as 0% and #76E220 as 100%.

0.0%	0.0% #BDFF5D	RGB 189 255 93	#BDFF5D
16.7%	16.7% #B1FA52	RGB 177 250 82	#B1FA52
33.3%	33.3% #A5F547	RGB 165 245 71	#A5F547
50.0%	50.0% #99F03D	RGB 153 240 61	#99F03D
66.7%	66.7% #8DEB33	RGB 141 235 51	#8DEB33
83.3%	83.3% #82E629	RGB 130 230 41	#82E629
100.0%	100.0% #76E220	RGB 118 226 32	#76E220

#BDFF5D #B1FA52 #A5F547 #99F03D #8DEB33 #82E629 #76E220

#BDFF5E - #99F03D - #76E220

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDFF5D 0%, #99F03D 50%, #76E220 100%);
    background: -webkit-linear-gradient(top, #BDFF5D 0%, #99F03D 50%, #76E220 100%);
    background: linear-gradient(to bottom, #BDFF5D 0%, #99F03D 50%, #76E220 100%);
}
</style>