#009ACB - #B6E2F0 | 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 #009ACB to #B6E2F0

#009ACB #B6E2F0

Calculate the color between two colors, #009ACB and #B6E2F0. 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)

#009ACB - #B6E2F0 | 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 #009ACB as 0% and #B6E2F0 as 100%.

0.0%	0.0% #009ACB	RGB 0 154 203	#009ACB
16.7%	16.7% #1EA6D1	RGB 30 166 209	#1EA6D1
33.3%	33.3% #3CB2D7	RGB 60 178 215	#3CB2D7
50.0%	50.0% #5BBEDD	RGB 91 190 221	#5BBEDD
66.7%	66.7% #79CAE3	RGB 121 202 227	#79CAE3
83.3%	83.3% #97D6E9	RGB 151 214 233	#97D6E9
100.0%	100.0% #B6E2F0	RGB 182 226 240	#B6E2F0

#009ACB #1EA6D1 #3CB2D7 #5BBEDD #79CAE3 #97D6E9 #B6E2F0

#009ACB - #B6E2F0

HSV Blend

#009ACB - #B6E2F0 | 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 #009ACB as 0% and #B6E2F0 as 100%.

0.0%	0.0% #0099CB	RGB 0 153 203	#0099CB
16.7%	16.7% #1AA5D1	RGB 26 165 209	#1AA5D1
33.3%	33.3% #36B0D7	RGB 54 176 215	#36B0D7
50.0%	50.0% #53BCDD	RGB 83 188 221	#53BCDD
66.7%	66.7% #73C8E3	RGB 115 200 227	#73C8E3
83.3%	83.3% #93D5E9	RGB 147 213 233	#93D5E9
100.0%	100.0% #B6E2F0	RGB 182 226 240	#B6E2F0

#0099CB #1AA5D1 #36B0D7 #53BCDD #73C8E3 #93D5E9 #B6E2F0

#009ACB - #53BCDD - #B6E2F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0099CB 0%, #53BCDD 50%, #B6E2F0 100%);
    background: -webkit-linear-gradient(top, #0099CB 0%, #53BCDD 50%, #B6E2F0 100%);
    background: linear-gradient(to bottom, #0099CB 0%, #53BCDD 50%, #B6E2F0 100%);
}
</style>