#00B0EB - #B6E8F9 | 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 #00B0EB to #B6E8F9

#00B0EB #B6E8F9

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

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

0.0%	0.0% #00B0EB	RGB 0 176 235	#00B0EB
16.7%	16.7% #1EB9ED	RGB 30 185 237	#1EB9ED
33.3%	33.3% #3CC2EF	RGB 60 194 239	#3CC2EF
50.0%	50.0% #5BCCF2	RGB 91 204 242	#5BCCF2
66.7%	66.7% #79D5F4	RGB 121 213 244	#79D5F4
83.3%	83.3% #97DEF6	RGB 151 222 246	#97DEF6
100.0%	100.0% #B6E8F9	RGB 182 232 249	#B6E8F9

#00B0EB #1EB9ED #3CC2EF #5BCCF2 #79D5F4 #97DEF6 #B6E8F9

#00B0EB - #B6E8F9

HSV Blend

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

0.0%	0.0% #00B0EB	RGB 0 176 235	#00B0EB
16.7%	16.7% #1CB8ED	RGB 28 184 237	#1CB8ED
33.3%	33.3% #3AC1EF	RGB 58 193 239	#3AC1EF
50.0%	50.0% #58CBF2	RGB 88 203 242	#58CBF2
66.7%	66.7% #77D4F4	RGB 119 212 244	#77D4F4
83.3%	83.3% #96DEF6	RGB 150 222 246	#96DEF6
100.0%	100.0% #B6E8F9	RGB 182 232 249	#B6E8F9

#00B0EB #1CB8ED #3AC1EF #58CBF2 #77D4F4 #96DEF6 #B6E8F9

#00B0EB - #58CBF2 - #B6E8F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B0EB 0%, #58CBF2 50%, #B6E8F9 100%);
    background: -webkit-linear-gradient(top, #00B0EB 0%, #58CBF2 50%, #B6E8F9 100%);
    background: linear-gradient(to bottom, #00B0EB 0%, #58CBF2 50%, #B6E8F9 100%);
}
</style>