#00FFA2 - #B6FFE4 | 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 #B6FFE4

#00FFA2 #B6FFE4

Calculate the color between two colors, #00FFA2 and #B6FFE4. 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 - #B6FFE4 | 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 #B6FFE4 as 100%.

0.0%	0.0% #00FFA2	RGB 0 255 162	#00FFA2
16.7%	16.7% #1EFFAD	RGB 30 255 173	#1EFFAD
33.3%	33.3% #3CFFB8	RGB 60 255 184	#3CFFB8
50.0%	50.0% #5BFFC3	RGB 91 255 195	#5BFFC3
66.7%	66.7% #79FFCE	RGB 121 255 206	#79FFCE
83.3%	83.3% #97FFD9	RGB 151 255 217	#97FFD9
100.0%	100.0% #B6FFE4	RGB 182 255 228	#B6FFE4

#00FFA2 #1EFFAD #3CFFB8 #5BFFC3 #79FFCE #97FFD9 #B6FFE4

#00FFA2 - #B6FFE4

HSV Blend

#00FFA2 - #B6FFE4 | 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 #B6FFE4 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% #79FFCD	RGB 121 255 205	#79FFCD
83.3%	83.3% #97FFD8	RGB 151 255 216	#97FFD8
100.0%	100.0% #B6FFE4	RGB 182 255 228	#B6FFE4

#00FFA2 #1EFFAC #3CFFB7 #5BFFC2 #79FFCD #97FFD8 #B6FFE4

#00FFA2 - #5BFFC2 - #B6FFE4

CSS codes

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

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