#00FF7A - #B6FF7B | 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 #00FF7A to #B6FF7B

#00FF7A #B6FF7B

Calculate the color between two colors, #00FF7A and #B6FF7B. 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)

#00FF7A - #B6FF7B | 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 #00FF7A as 0% and #B6FF7B as 100%.

0.0%	0.0% #00FF7A	RGB 0 255 122	#00FF7A
16.7%	16.7% #1EFF7A	RGB 30 255 122	#1EFF7A
33.3%	33.3% #3CFF7A	RGB 60 255 122	#3CFF7A
50.0%	50.0% #5BFF7A	RGB 91 255 122	#5BFF7A
66.7%	66.7% #79FF7A	RGB 121 255 122	#79FF7A
83.3%	83.3% #97FF7A	RGB 151 255 122	#97FF7A
100.0%	100.0% #B6FF7B	RGB 182 255 123	#B6FF7B

#00FF7A #1EFF7A #3CFF7A #5BFF7A #79FF7A #97FF7A #B6FF7B

#00FF7A - #B6FF7B

HSV Blend

#00FF7A - #B6FF7B | 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 #00FF7A as 0% and #B6FF7B as 100%.

0.0%	0.0% #00FF7A	RGB 0 255 122	#00FF7A
16.7%	16.7% #14FF60	RGB 20 255 96	#14FF60
33.3%	33.3% #28FF4D	RGB 40 255 77	#28FF4D
50.0%	50.0% #3DFF40	RGB 61 255 64	#3DFF40
66.7%	66.7% #69FF52	RGB 105 255 82	#69FF52
83.3%	83.3% #93FF66	RGB 147 255 102	#93FF66
100.0%	100.0% #B6FF7B	RGB 182 255 123	#B6FF7B

#00FF7A #14FF60 #28FF4D #3DFF40 #69FF52 #93FF66 #B6FF7B

#00FF7A - #3DFF40 - #B6FF7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FF7A 0%, #3DFF40 50%, #B6FF7B 100%);
    background: -webkit-linear-gradient(top, #00FF7A 0%, #3DFF40 50%, #B6FF7B 100%);
    background: linear-gradient(to bottom, #00FF7A 0%, #3DFF40 50%, #B6FF7B 100%);
}
</style>