#8DFF2B - #3FD211 | 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 #8DFF2B to #3FD211

#8DFF2B #3FD211

Calculate the color between two colors, #8DFF2B and #3FD211. 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)

#8DFF2B - #3FD211 | 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 #8DFF2B as 0% and #3FD211 as 100%.

0.0%	0.0% #8DFF2B	RGB 141 255 43	#8DFF2B
16.7%	16.7% #80F726	RGB 128 247 38	#80F726
33.3%	33.3% #73F022	RGB 115 240 34	#73F022
50.0%	50.0% #66E81E	RGB 102 232 30	#66E81E
66.7%	66.7% #59E119	RGB 89 225 25	#59E119
83.3%	83.3% #4CD915	RGB 76 217 21	#4CD915
100.0%	100.0% #3FD211	RGB 63 210 17	#3FD211

#8DFF2B #80F726 #73F022 #66E81E #59E119 #4CD915 #3FD211

#8DFF2B - #3FD211

HSV Blend

#8DFF2B - #3FD211 | 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 #8DFF2B as 0% and #3FD211 as 100%.

0.0%	0.0% #8DFF2A	RGB 141 255 42	#8DFF2A
16.7%	16.7% #7FF726	RGB 127 247 38	#7FF726
33.3%	33.3% #71F021	RGB 113 240 33	#71F021
50.0%	50.0% #64E81D	RGB 100 232 29	#64E81D
66.7%	66.7% #57E118	RGB 87 225 24	#57E118
83.3%	83.3% #4BD914	RGB 75 217 20	#4BD914
100.0%	100.0% #3FD211	RGB 63 210 17	#3FD211

#8DFF2A #7FF726 #71F021 #64E81D #57E118 #4BD914 #3FD211

#8DFF2B - #64E81D - #3FD211

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DFF2A 0%, #64E81D 50%, #3FD211 100%);
    background: -webkit-linear-gradient(top, #8DFF2A 0%, #64E81D 50%, #3FD211 100%);
    background: linear-gradient(to bottom, #8DFF2A 0%, #64E81D 50%, #3FD211 100%);
}
</style>