#49FF60 - #B9FFC6 | 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 #49FF60 to #B9FFC6

#49FF60 #B9FFC6

Calculate the color between two colors, #49FF60 and #B9FFC6. 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)

#49FF60 - #B9FFC6 | 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 #49FF60 as 0% and #B9FFC6 as 100%.

0.0%	0.0% #49FF60	RGB 73 255 96	#49FF60
16.7%	16.7% #5BFF71	RGB 91 255 113	#5BFF71
33.3%	33.3% #6EFF82	RGB 110 255 130	#6EFF82
50.0%	50.0% #81FF93	RGB 129 255 147	#81FF93
66.7%	66.7% #93FFA4	RGB 147 255 164	#93FFA4
83.3%	83.3% #A6FFB5	RGB 166 255 181	#A6FFB5
100.0%	100.0% #B9FFC6	RGB 185 255 198	#B9FFC6

#49FF60 #5BFF71 #6EFF82 #81FF93 #93FFA4 #A6FFB5 #B9FFC6

#49FF60 - #B9FFC6

HSV Blend

#49FF60 - #B9FFC6 | 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 #49FF60 as 0% and #B9FFC6 as 100%.

0.0%	0.0% #49FF60	RGB 73 255 96	#49FF60
16.7%	16.7% #5BFF71	RGB 91 255 113	#5BFF71
33.3%	33.3% #6EFF83	RGB 110 255 131	#6EFF83
50.0%	50.0% #81FF94	RGB 129 255 148	#81FF94
66.7%	66.7% #93FFA5	RGB 147 255 165	#93FFA5
83.3%	83.3% #A6FFB5	RGB 166 255 181	#A6FFB5
100.0%	100.0% #B9FFC6	RGB 185 255 198	#B9FFC6

#49FF60 #5BFF71 #6EFF83 #81FF94 #93FFA5 #A6FFB5 #B9FFC6

#49FF60 - #81FF94 - #B9FFC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49FF60 0%, #81FF94 50%, #B9FFC6 100%);
    background: -webkit-linear-gradient(top, #49FF60 0%, #81FF94 50%, #B9FFC6 100%);
    background: linear-gradient(to bottom, #49FF60 0%, #81FF94 50%, #B9FFC6 100%);
}
</style>