#00FF8C - #B6FFDE | 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 #00FF8C to #B6FFDE

#00FF8C #B6FFDE

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

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

0.0%	0.0% #00FF8C	RGB 0 255 140	#00FF8C
16.7%	16.7% #1EFF99	RGB 30 255 153	#1EFF99
33.3%	33.3% #3CFFA7	RGB 60 255 167	#3CFFA7
50.0%	50.0% #5BFFB5	RGB 91 255 181	#5BFFB5
66.7%	66.7% #79FFC2	RGB 121 255 194	#79FFC2
83.3%	83.3% #97FFD0	RGB 151 255 208	#97FFD0
100.0%	100.0% #B6FFDE	RGB 182 255 222	#B6FFDE

#00FF8C #1EFF99 #3CFFA7 #5BFFB5 #79FFC2 #97FFD0 #B6FFDE

#00FF8C - #B6FFDE

HSV Blend

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

0.0%	0.0% #00FF8C	RGB 0 255 140	#00FF8C
16.7%	16.7% #1EFF99	RGB 30 255 153	#1EFF99
33.3%	33.3% #3CFFA7	RGB 60 255 167	#3CFFA7
50.0%	50.0% #5BFFB4	RGB 91 255 180	#5BFFB4
66.7%	66.7% #79FFC2	RGB 121 255 194	#79FFC2
83.3%	83.3% #97FFD0	RGB 151 255 208	#97FFD0
100.0%	100.0% #B6FFDE	RGB 182 255 222	#B6FFDE

#00FF8C #1EFF99 #3CFFA7 #5BFFB4 #79FFC2 #97FFD0 #B6FFDE

#00FF8C - #5BFFB4 - #B6FFDE

CSS codes

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

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