#B0FFE6 - #3BCD80 | 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 #B0FFE6 to #3BCD80

#B0FFE6 #3BCD80

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

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

0.0%	0.0% #B0FFE6	RGB 176 255 230	#B0FFE6
16.7%	16.7% #9CF6D5	RGB 156 246 213	#9CF6D5
33.3%	33.3% #89EEC4	RGB 137 238 196	#89EEC4
50.0%	50.0% #75E6B3	RGB 117 230 179	#75E6B3
66.7%	66.7% #62DDA2	RGB 98 221 162	#62DDA2
83.3%	83.3% #4ED591	RGB 78 213 145	#4ED591
100.0%	100.0% #3BCD80	RGB 59 205 128	#3BCD80

#B0FFE6 #9CF6D5 #89EEC4 #75E6B3 #62DDA2 #4ED591 #3BCD80

#B0FFE6 - #3BCD80

HSV Blend

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

0.0%	0.0% #B0FFE6	RGB 176 255 230	#B0FFE6
16.7%	16.7% #99F6D5	RGB 153 246 213	#99F6D5
33.3%	33.3% #84EEC5	RGB 132 238 197	#84EEC5
50.0%	50.0% #70E6B4	RGB 112 230 180	#70E6B4
66.7%	66.7% #5DDDA3	RGB 93 221 163	#5DDDA3
83.3%	83.3% #4BD591	RGB 75 213 145	#4BD591
100.0%	100.0% #3BCD80	RGB 59 205 128	#3BCD80

#B0FFE6 #99F6D5 #84EEC5 #70E6B4 #5DDDA3 #4BD591 #3BCD80

#B0FFE6 - #70E6B4 - #3BCD80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0FFE6 0%, #70E6B4 50%, #3BCD80 100%);
    background: -webkit-linear-gradient(top, #B0FFE6 0%, #70E6B4 50%, #3BCD80 100%);
    background: linear-gradient(to bottom, #B0FFE6 0%, #70E6B4 50%, #3BCD80 100%);
}
</style>