#B9F0FF - #5DAFDA | 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 #B9F0FF to #5DAFDA

#B9F0FF #5DAFDA

Calculate the color between two colors, #B9F0FF and #5DAFDA. 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)

#B9F0FF - #5DAFDA | 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 #B9F0FF as 0% and #5DAFDA as 100%.

0.0%	0.0% #B9F0FF	RGB 185 240 255	#B9F0FF
16.7%	16.7% #A9E5F8	RGB 169 229 248	#A9E5F8
33.3%	33.3% #9ADAF2	RGB 154 218 242	#9ADAF2
50.0%	50.0% #8BCFEC	RGB 139 207 236	#8BCFEC
66.7%	66.7% #7BC4E6	RGB 123 196 230	#7BC4E6
83.3%	83.3% #6CB9E0	RGB 108 185 224	#6CB9E0
100.0%	100.0% #5DAFDA	RGB 93 175 218	#5DAFDA

#B9F0FF #A9E5F8 #9ADAF2 #8BCFEC #7BC4E6 #6CB9E0 #5DAFDA

#B9F0FF - #5DAFDA

HSV Blend

#B9F0FF - #5DAFDA | 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 #B9F0FF as 0% and #5DAFDA as 100%.

0.0%	0.0% #B9F0FF	RGB 185 240 255	#B9F0FF
16.7%	16.7% #A8E5F8	RGB 168 229 248	#A8E5F8
33.3%	33.3% #97DBF2	RGB 151 219 242	#97DBF2
50.0%	50.0% #88D0EC	RGB 136 208 236	#88D0EC
66.7%	66.7% #79C5E6	RGB 121 197 230	#79C5E6
83.3%	83.3% #6ABAE0	RGB 106 186 224	#6ABAE0
100.0%	100.0% #5DAFDA	RGB 93 175 218	#5DAFDA

#B9F0FF #A8E5F8 #97DBF2 #88D0EC #79C5E6 #6ABAE0 #5DAFDA

#B9F0FF - #88D0EC - #5DAFDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9F0FF 0%, #88D0EC 50%, #5DAFDA 100%);
    background: -webkit-linear-gradient(top, #B9F0FF 0%, #88D0EC 50%, #5DAFDA 100%);
    background: linear-gradient(to bottom, #B9F0FF 0%, #88D0EC 50%, #5DAFDA 100%);
}
</style>