#B2FF6D - #6EC900 | 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 #B2FF6D to #6EC900

#B2FF6D #6EC900

Calculate the color between two colors, #B2FF6D and #6EC900. 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)

#B2FF6D - #6EC900 | 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 #B2FF6D as 0% and #6EC900 as 100%.

0.0%	0.0% #B2FF6D	RGB 178 255 109	#B2FF6D
16.7%	16.7% #A6F65A	RGB 166 246 90	#A6F65A
33.3%	33.3% #9BED48	RGB 155 237 72	#9BED48
50.0%	50.0% #90E436	RGB 144 228 54	#90E436
66.7%	66.7% #84DB24	RGB 132 219 36	#84DB24
83.3%	83.3% #79D212	RGB 121 210 18	#79D212
100.0%	100.0% #6EC900	RGB 110 201 0	#6EC900

#B2FF6D #A6F65A #9BED48 #90E436 #84DB24 #79D212 #6EC900

#B2FF6D - #6EC900

HSV Blend

#B2FF6D - #6EC900 | 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 #B2FF6D as 0% and #6EC900 as 100%.

0.0%	0.0% #B1FF6D	RGB 177 255 109	#B1FF6D
16.7%	16.7% #A4F657	RGB 164 246 87	#A4F657
33.3%	33.3% #97ED43	RGB 151 237 67	#97ED43
50.0%	50.0% #8CE430	RGB 140 228 48	#8CE430
66.7%	66.7% #81DB1F	RGB 129 219 31	#81DB1F
83.3%	83.3% #77D20E	RGB 119 210 14	#77D20E
100.0%	100.0% #6EC900	RGB 110 201 0	#6EC900

#B1FF6D #A4F657 #97ED43 #8CE430 #81DB1F #77D20E #6EC900

#B2FF6D - #8CE430 - #6EC900

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1FF6D 0%, #8CE430 50%, #6EC900 100%);
    background: -webkit-linear-gradient(top, #B1FF6D 0%, #8CE430 50%, #6EC900 100%);
    background: linear-gradient(to bottom, #B1FF6D 0%, #8CE430 50%, #6EC900 100%);
}
</style>