#BCFF8C - #70EC3E | 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 #BCFF8C to #70EC3E

#BCFF8C #70EC3E

Calculate the color between two colors, #BCFF8C and #70EC3E. 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)

#BCFF8C - #70EC3E | 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 #BCFF8C as 0% and #70EC3E as 100%.

0.0%	0.0% #BCFF8C	RGB 188 255 140	#BCFF8C
16.7%	16.7% #AFFB7F	RGB 175 251 127	#AFFB7F
33.3%	33.3% #A2F872	RGB 162 248 114	#A2F872
50.0%	50.0% #96F565	RGB 150 245 101	#96F565
66.7%	66.7% #89F258	RGB 137 242 88	#89F258
83.3%	83.3% #7CEF4B	RGB 124 239 75	#7CEF4B
100.0%	100.0% #70EC3E	RGB 112 236 62	#70EC3E

#BCFF8C #AFFB7F #A2F872 #96F565 #89F258 #7CEF4B #70EC3E

#BCFF8C - #70EC3E

HSV Blend

#BCFF8C - #70EC3E | 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 #BCFF8C as 0% and #70EC3E as 100%.

0.0%	0.0% #BCFF8C	RGB 188 255 140	#BCFF8C
16.7%	16.7% #AFFB7E	RGB 175 251 126	#AFFB7E
33.3%	33.3% #A3F870	RGB 163 248 112	#A3F870
50.0%	50.0% #97F563	RGB 151 245 99	#97F563
66.7%	66.7% #8AF256	RGB 138 242 86	#8AF256
83.3%	83.3% #7DEF4A	RGB 125 239 74	#7DEF4A
100.0%	100.0% #70EC3E	RGB 112 236 62	#70EC3E

#BCFF8C #AFFB7E #A3F870 #97F563 #8AF256 #7DEF4A #70EC3E

#BCFF8C - #97F563 - #70EC3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCFF8C 0%, #97F563 50%, #70EC3E 100%);
    background: -webkit-linear-gradient(top, #BCFF8C 0%, #97F563 50%, #70EC3E 100%);
    background: linear-gradient(to bottom, #BCFF8C 0%, #97F563 50%, #70EC3E 100%);
}
</style>