#00FFB2 - #B2FFB4 | 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 #00FFB2 to #B2FFB4

#00FFB2 #B2FFB4

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

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

0.0%	0.0% #00FFB2	RGB 0 255 178	#00FFB2
16.7%	16.7% #1DFFB2	RGB 29 255 178	#1DFFB2
33.3%	33.3% #3BFFB2	RGB 59 255 178	#3BFFB2
50.0%	50.0% #59FFB3	RGB 89 255 179	#59FFB3
66.7%	66.7% #76FFB3	RGB 118 255 179	#76FFB3
83.3%	83.3% #94FFB3	RGB 148 255 179	#94FFB3
100.0%	100.0% #B2FFB4	RGB 178 255 180	#B2FFB4

#00FFB2 #1DFFB2 #3BFFB2 #59FFB3 #76FFB3 #94FFB3 #B2FFB4

#00FFB2 - #B2FFB4

HSV Blend

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

0.0%	0.0% #00FFB2	RGB 0 255 178	#00FFB2
16.7%	16.7% #1DFFA1	RGB 29 255 161	#1DFFA1
33.3%	33.3% #3BFF98	RGB 59 255 152	#3BFF98
50.0%	50.0% #59FF95	RGB 89 255 149	#59FF95
66.7%	66.7% #76FF98	RGB 118 255 152	#76FF98
83.3%	83.3% #94FFA3	RGB 148 255 163	#94FFA3
100.0%	100.0% #B2FFB4	RGB 178 255 180	#B2FFB4

#00FFB2 #1DFFA1 #3BFF98 #59FF95 #76FF98 #94FFA3 #B2FFB4

#00FFB2 - #59FF95 - #B2FFB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FFB2 0%, #59FF95 50%, #B2FFB4 100%);
    background: -webkit-linear-gradient(top, #00FFB2 0%, #59FF95 50%, #B2FFB4 100%);
    background: linear-gradient(to bottom, #00FFB2 0%, #59FF95 50%, #B2FFB4 100%);
}
</style>