#5FB2FF - #B5DBEC | 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 #5FB2FF to #B5DBEC

#5FB2FF #B5DBEC

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

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

0.0%	0.0% #5FB2FF	RGB 95 178 255	#5FB2FF
16.7%	16.7% #6DB8FB	RGB 109 184 251	#6DB8FB
33.3%	33.3% #7BBFF8	RGB 123 191 248	#7BBFF8
50.0%	50.0% #8AC6F5	RGB 138 198 245	#8AC6F5
66.7%	66.7% #98CDF2	RGB 152 205 242	#98CDF2
83.3%	83.3% #A6D4EF	RGB 166 212 239	#A6D4EF
100.0%	100.0% #B5DBEC	RGB 181 219 236	#B5DBEC

#5FB2FF #6DB8FB #7BBFF8 #8AC6F5 #98CDF2 #A6D4EF #B5DBEC

#5FB2FF - #B5DBEC

HSV Blend

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

0.0%	0.0% #5FB2FF	RGB 95 178 255	#5FB2FF
16.7%	16.7% #6EBBFB	RGB 110 187 251	#6EBBFB
33.3%	33.3% #7DC4F8	RGB 125 196 248	#7DC4F8
50.0%	50.0% #8BCBF5	RGB 139 203 245	#8BCBF5
66.7%	66.7% #99D1F2	RGB 153 209 242	#99D1F2
83.3%	83.3% #A7D7EF	RGB 167 215 239	#A7D7EF
100.0%	100.0% #B5DBEC	RGB 181 219 236	#B5DBEC

#5FB2FF #6EBBFB #7DC4F8 #8BCBF5 #99D1F2 #A7D7EF #B5DBEC

#5FB2FF - #8BCBF5 - #B5DBEC

CSS codes

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

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