#00FFC6 - #BAFF8D | 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 #00FFC6 to #BAFF8D

#00FFC6 #BAFF8D

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

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

0.0%	0.0% #00FFC6	RGB 0 255 198	#00FFC6
16.7%	16.7% #1FFFBC	RGB 31 255 188	#1FFFBC
33.3%	33.3% #3EFFB3	RGB 62 255 179	#3EFFB3
50.0%	50.0% #5DFFA9	RGB 93 255 169	#5DFFA9
66.7%	66.7% #7CFFA0	RGB 124 255 160	#7CFFA0
83.3%	83.3% #9BFF96	RGB 155 255 150	#9BFF96
100.0%	100.0% #BAFF8D	RGB 186 255 141	#BAFF8D

#00FFC6 #1FFFBC #3EFFB3 #5DFFA9 #7CFFA0 #9BFF96 #BAFF8D

#00FFC6 - #BAFF8D

HSV Blend

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

0.0%	0.0% #00FFC6	RGB 0 255 198	#00FFC6
16.7%	16.7% #17FF9E	RGB 23 255 158	#17FF9E
33.3%	33.3% #2EFF7F	RGB 46 255 127	#2EFF7F
50.0%	50.0% #46FF69	RGB 70 255 105	#46FF69
66.7%	66.7% #5EFF5E	RGB 94 255 94	#5EFF5E
83.3%	83.3% #90FF75	RGB 144 255 117	#90FF75
100.0%	100.0% #BAFF8D	RGB 186 255 141	#BAFF8D

#00FFC6 #17FF9E #2EFF7F #46FF69 #5EFF5E #90FF75 #BAFF8D

#00FFC6 - #46FF69 - #BAFF8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FFC6 0%, #46FF69 50%, #BAFF8D 100%);
    background: -webkit-linear-gradient(top, #00FFC6 0%, #46FF69 50%, #BAFF8D 100%);
    background: linear-gradient(to bottom, #00FFC6 0%, #46FF69 50%, #BAFF8D 100%);
}
</style>