#00FFFE - #B6FFFE | 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 #00FFFE to #B6FFFE

#00FFFE #B6FFFE

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

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

0.0%	0.0% #00FFFE	RGB 0 255 254	#00FFFE
16.7%	16.7% #1EFFFE	RGB 30 255 254	#1EFFFE
33.3%	33.3% #3CFFFE	RGB 60 255 254	#3CFFFE
50.0%	50.0% #5BFFFE	RGB 91 255 254	#5BFFFE
66.7%	66.7% #79FFFE	RGB 121 255 254	#79FFFE
83.3%	83.3% #97FFFE	RGB 151 255 254	#97FFFE
100.0%	100.0% #B6FFFE	RGB 182 255 254	#B6FFFE

#00FFFE #1EFFFE #3CFFFE #5BFFFE #79FFFE #97FFFE #B6FFFE

#00FFFE - #B6FFFE

HSV Blend

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

0.0%	0.0% #00FFFE	RGB 0 255 254	#00FFFE
16.7%	16.7% #1EFFFD	RGB 30 255 253	#1EFFFD
33.3%	33.3% #3CFFFD	RGB 60 255 253	#3CFFFD
50.0%	50.0% #5BFFFD	RGB 91 255 253	#5BFFFD
66.7%	66.7% #79FFFD	RGB 121 255 253	#79FFFD
83.3%	83.3% #97FFFD	RGB 151 255 253	#97FFFD
100.0%	100.0% #B6FFFE	RGB 182 255 254	#B6FFFE

#00FFFE #1EFFFD #3CFFFD #5BFFFD #79FFFD #97FFFD #B6FFFE

#00FFFE - #5BFFFD - #B6FFFE

CSS codes

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

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