#00B5CE - #B6E9F1 | 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 #00B5CE to #B6E9F1

#00B5CE #B6E9F1

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

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

0.0%	0.0% #00B5CE	RGB 0 181 206	#00B5CE
16.7%	16.7% #1EBDD3	RGB 30 189 211	#1EBDD3
33.3%	33.3% #3CC6D9	RGB 60 198 217	#3CC6D9
50.0%	50.0% #5BCFDF	RGB 91 207 223	#5BCFDF
66.7%	66.7% #79D7E5	RGB 121 215 229	#79D7E5
83.3%	83.3% #97E0EB	RGB 151 224 235	#97E0EB
100.0%	100.0% #B6E9F1	RGB 182 233 241	#B6E9F1

#00B5CE #1EBDD3 #3CC6D9 #5BCFDF #79D7E5 #97E0EB #B6E9F1

#00B5CE - #B6E9F1

HSV Blend

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

0.0%	0.0% #00B5CE	RGB 0 181 206	#00B5CE
16.7%	16.7% #1ABCD3	RGB 26 188 211	#1ABCD3
33.3%	33.3% #36C5D9	RGB 54 197 217	#36C5D9
50.0%	50.0% #54CDDF	RGB 84 205 223	#54CDDF
66.7%	66.7% #73D6E5	RGB 115 214 229	#73D6E5
83.3%	83.3% #93DFEB	RGB 147 223 235	#93DFEB
100.0%	100.0% #B6E9F1	RGB 182 233 241	#B6E9F1

#00B5CE #1ABCD3 #36C5D9 #54CDDF #73D6E5 #93DFEB #B6E9F1

#00B5CE - #54CDDF - #B6E9F1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B5CE 0%, #54CDDF 50%, #B6E9F1 100%);
    background: -webkit-linear-gradient(top, #00B5CE 0%, #54CDDF 50%, #B6E9F1 100%);
    background: linear-gradient(to bottom, #00B5CE 0%, #54CDDF 50%, #B6E9F1 100%);
}
</style>