#00AF3F - #B6E8C9 | 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 #00AF3F to #B6E8C9

#00AF3F #B6E8C9

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

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

0.0%	0.0% #00AF3F	RGB 0 175 63	#00AF3F
16.7%	16.7% #1EB856	RGB 30 184 86	#1EB856
33.3%	33.3% #3CC26D	RGB 60 194 109	#3CC26D
50.0%	50.0% #5BCB84	RGB 91 203 132	#5BCB84
66.7%	66.7% #79D59B	RGB 121 213 155	#79D59B
83.3%	83.3% #97DEB2	RGB 151 222 178	#97DEB2
100.0%	100.0% #B6E8C9	RGB 182 232 201	#B6E8C9

#00AF3F #1EB856 #3CC26D #5BCB84 #79D59B #97DEB2 #B6E8C9

#00AF3F - #B6E8C9

HSV Blend

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

0.0%	0.0% #00AF3F	RGB 0 175 63	#00AF3F
16.7%	16.7% #18B852	RGB 24 184 82	#18B852
33.3%	33.3% #32C267	RGB 50 194 103	#32C267
50.0%	50.0% #4FCB7D	RGB 79 203 125	#4FCB7D
66.7%	66.7% #6FD595	RGB 111 213 149	#6FD595
83.3%	83.3% #91DEAE	RGB 145 222 174	#91DEAE
100.0%	100.0% #B6E8C9	RGB 182 232 201	#B6E8C9

#00AF3F #18B852 #32C267 #4FCB7D #6FD595 #91DEAE #B6E8C9

#00AF3F - #4FCB7D - #B6E8C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF3F 0%, #4FCB7D 50%, #B6E8C9 100%);
    background: -webkit-linear-gradient(top, #00AF3F 0%, #4FCB7D 50%, #B6E8C9 100%);
    background: linear-gradient(to bottom, #00AF3F 0%, #4FCB7D 50%, #B6E8C9 100%);
}
</style>