#3AFF2B - #C7FFC3 | 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 #3AFF2B to #C7FFC3

#3AFF2B #C7FFC3

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

#3AFF2B - #C7FFC3 | 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 #3AFF2B as 0% and #C7FFC3 as 100%.

0.0%	0.0% #3AFF2B	RGB 58 255 43	#3AFF2B
16.7%	16.7% #51FF44	RGB 81 255 68	#51FF44
33.3%	33.3% #69FF5D	RGB 105 255 93	#69FF5D
50.0%	50.0% #80FF77	RGB 128 255 119	#80FF77
66.7%	66.7% #98FF90	RGB 152 255 144	#98FF90
83.3%	83.3% #AFFFA9	RGB 175 255 169	#AFFFA9
100.0%	100.0% #C7FFC3	RGB 199 255 195	#C7FFC3

#3AFF2B #51FF44 #69FF5D #80FF77 #98FF90 #AFFFA9 #C7FFC3

#3AFF2B - #C7FFC3

HSV Blend

#3AFF2B - #C7FFC3 | 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 #3AFF2B as 0% and #C7FFC3 as 100%.

0.0%	0.0% #39FF2A	RGB 57 255 42	#39FF2A
16.7%	16.7% #51FF44	RGB 81 255 68	#51FF44
33.3%	33.3% #68FF5D	RGB 104 255 93	#68FF5D
50.0%	50.0% #80FF77	RGB 128 255 119	#80FF77
66.7%	66.7% #97FF90	RGB 151 255 144	#97FF90
83.3%	83.3% #AFFFA9	RGB 175 255 169	#AFFFA9
100.0%	100.0% #C7FFC3	RGB 199 255 195	#C7FFC3

#39FF2A #51FF44 #68FF5D #80FF77 #97FF90 #AFFFA9 #C7FFC3

#3AFF2B - #80FF77 - #C7FFC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39FF2A 0%, #80FF77 50%, #C7FFC3 100%);
    background: -webkit-linear-gradient(top, #39FF2A 0%, #80FF77 50%, #C7FFC3 100%);
    background: linear-gradient(to bottom, #39FF2A 0%, #80FF77 50%, #C7FFC3 100%);
}
</style>