#00FFA2 - #B6FFE2 | 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 #00FFA2 to #B6FFE2

#00FFA2 #B6FFE2

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

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

0.0%	0.0% #00FFA2	RGB 0 255 162	#00FFA2
16.7%	16.7% #1EFFAC	RGB 30 255 172	#1EFFAC
33.3%	33.3% #3CFFB7	RGB 60 255 183	#3CFFB7
50.0%	50.0% #5BFFC2	RGB 91 255 194	#5BFFC2
66.7%	66.7% #79FFCC	RGB 121 255 204	#79FFCC
83.3%	83.3% #97FFD7	RGB 151 255 215	#97FFD7
100.0%	100.0% #B6FFE2	RGB 182 255 226	#B6FFE2

#00FFA2 #1EFFAC #3CFFB7 #5BFFC2 #79FFCC #97FFD7 #B6FFE2

#00FFA2 - #B6FFE2

HSV Blend

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

0.0%	0.0% #00FFA2	RGB 0 255 162	#00FFA2
16.7%	16.7% #1EFFAB	RGB 30 255 171	#1EFFAB
33.3%	33.3% #3CFFB6	RGB 60 255 182	#3CFFB6
50.0%	50.0% #5BFFC0	RGB 91 255 192	#5BFFC0
66.7%	66.7% #79FFCB	RGB 121 255 203	#79FFCB
83.3%	83.3% #97FFD6	RGB 151 255 214	#97FFD6
100.0%	100.0% #B6FFE2	RGB 182 255 226	#B6FFE2

#00FFA2 #1EFFAB #3CFFB6 #5BFFC0 #79FFCB #97FFD6 #B6FFE2

#00FFA2 - #5BFFC0 - #B6FFE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FFA2 0%, #5BFFC0 50%, #B6FFE2 100%);
    background: -webkit-linear-gradient(top, #00FFA2 0%, #5BFFC0 50%, #B6FFE2 100%);
    background: linear-gradient(to bottom, #00FFA2 0%, #5BFFC0 50%, #B6FFE2 100%);
}
</style>