#5EBAFF - #BCDEE9 | 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 #5EBAFF to #BCDEE9

#5EBAFF #BCDEE9

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

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

0.0%	0.0% #5EBAFF	RGB 94 186 255	#5EBAFF
16.7%	16.7% #6DC0FB	RGB 109 192 251	#6DC0FB
33.3%	33.3% #7DC6F7	RGB 125 198 247	#7DC6F7
50.0%	50.0% #8DCCF4	RGB 141 204 244	#8DCCF4
66.7%	66.7% #9CD2F0	RGB 156 210 240	#9CD2F0
83.3%	83.3% #ACD8EC	RGB 172 216 236	#ACD8EC
100.0%	100.0% #BCDEE9	RGB 188 222 233	#BCDEE9

#5EBAFF #6DC0FB #7DC6F7 #8DCCF4 #9CD2F0 #ACD8EC #BCDEE9

#5EBAFF - #BCDEE9

HSV Blend

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

0.0%	0.0% #5DB9FF	RGB 93 185 255	#5DB9FF
16.7%	16.7% #6FC3FB	RGB 111 195 251	#6FC3FB
33.3%	33.3% #7FCBF7	RGB 127 203 247	#7FCBF7
50.0%	50.0% #8FD2F4	RGB 143 210 244	#8FD2F4
66.7%	66.7% #9ED7F0	RGB 158 215 240	#9ED7F0
83.3%	83.3% #ADDBEC	RGB 173 219 236	#ADDBEC
100.0%	100.0% #BCDEE9	RGB 188 222 233	#BCDEE9

#5DB9FF #6FC3FB #7FCBF7 #8FD2F4 #9ED7F0 #ADDBEC #BCDEE9

#5EBAFF - #8FD2F4 - #BCDEE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DB9FF 0%, #8FD2F4 50%, #BCDEE9 100%);
    background: -webkit-linear-gradient(top, #5DB9FF 0%, #8FD2F4 50%, #BCDEE9 100%);
    background: linear-gradient(to bottom, #5DB9FF 0%, #8FD2F4 50%, #BCDEE9 100%);
}
</style>