#00FFC3 - #B6FFED | 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 #00FFC3 to #B6FFED

#00FFC3 #B6FFED

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

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

0.0%	0.0% #00FFC3	RGB 0 255 195	#00FFC3
16.7%	16.7% #1EFFCA	RGB 30 255 202	#1EFFCA
33.3%	33.3% #3CFFD1	RGB 60 255 209	#3CFFD1
50.0%	50.0% #5BFFD8	RGB 91 255 216	#5BFFD8
66.7%	66.7% #79FFDF	RGB 121 255 223	#79FFDF
83.3%	83.3% #97FFE6	RGB 151 255 230	#97FFE6
100.0%	100.0% #B6FFED	RGB 182 255 237	#B6FFED

#00FFC3 #1EFFCA #3CFFD1 #5BFFD8 #79FFDF #97FFE6 #B6FFED

#00FFC3 - #B6FFED

HSV Blend

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

0.0%	0.0% #00FFC3	RGB 0 255 195	#00FFC3
16.7%	16.7% #1EFFC9	RGB 30 255 201	#1EFFC9
33.3%	33.3% #3CFFD0	RGB 60 255 208	#3CFFD0
50.0%	50.0% #5BFFD7	RGB 91 255 215	#5BFFD7
66.7%	66.7% #79FFDE	RGB 121 255 222	#79FFDE
83.3%	83.3% #97FFE5	RGB 151 255 229	#97FFE5
100.0%	100.0% #B6FFED	RGB 182 255 237	#B6FFED

#00FFC3 #1EFFC9 #3CFFD0 #5BFFD7 #79FFDE #97FFE5 #B6FFED

#00FFC3 - #5BFFD7 - #B6FFED

CSS codes

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

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