#B0FFAF - #3ECE41 | 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 #B0FFAF to #3ECE41

#B0FFAF #3ECE41

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

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

0.0%	0.0% #B0FFAF	RGB 176 255 175	#B0FFAF
16.7%	16.7% #9DF69C	RGB 157 246 156	#9DF69C
33.3%	33.3% #8AEE8A	RGB 138 238 138	#8AEE8A
50.0%	50.0% #77E678	RGB 119 230 120	#77E678
66.7%	66.7% #64DE65	RGB 100 222 101	#64DE65
83.3%	83.3% #51D653	RGB 81 214 83	#51D653
100.0%	100.0% #3ECE41	RGB 62 206 65	#3ECE41

#B0FFAF #9DF69C #8AEE8A #77E678 #64DE65 #51D653 #3ECE41

#B0FFAF - #3ECE41

HSV Blend

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

0.0%	0.0% #B0FFAF	RGB 176 255 175	#B0FFAF
16.7%	16.7% #9AF699	RGB 154 246 153	#9AF699
33.3%	33.3% #85EE85	RGB 133 238 133	#85EE85
50.0%	50.0% #71E672	RGB 113 230 114	#71E672
66.7%	66.7% #5FDE60	RGB 95 222 96	#5FDE60
83.3%	83.3% #4ED650	RGB 78 214 80	#4ED650
100.0%	100.0% #3ECE41	RGB 62 206 65	#3ECE41

#B0FFAF #9AF699 #85EE85 #71E672 #5FDE60 #4ED650 #3ECE41

#B0FFAF - #71E672 - #3ECE41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0FFAF 0%, #71E672 50%, #3ECE41 100%);
    background: -webkit-linear-gradient(top, #B0FFAF 0%, #71E672 50%, #3ECE41 100%);
    background: linear-gradient(to bottom, #B0FFAF 0%, #71E672 50%, #3ECE41 100%);
}
</style>