#5E97DB - #B6D0E0 | 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 #5E97DB to #B6D0E0

#5E97DB #B6D0E0

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

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

0.0%	0.0% #5E97DB	RGB 94 151 219	#5E97DB
16.7%	16.7% #6CA0DB	RGB 108 160 219	#6CA0DB
33.3%	33.3% #7BAADC	RGB 123 170 220	#7BAADC
50.0%	50.0% #8AB3DD	RGB 138 179 221	#8AB3DD
66.7%	66.7% #98BDDE	RGB 152 189 222	#98BDDE
83.3%	83.3% #A7C6DF	RGB 167 198 223	#A7C6DF
100.0%	100.0% #B6D0E0	RGB 182 208 224	#B6D0E0

#5E97DB #6CA0DB #7BAADC #8AB3DD #98BDDE #A7C6DF #B6D0E0

#5E97DB - #B6D0E0

HSV Blend

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

0.0%	0.0% #5E97DB	RGB 94 151 219	#5E97DB
16.7%	16.7% #6CA2DB	RGB 108 162 219	#6CA2DB
33.3%	33.3% #7AACDC	RGB 122 172 220	#7AACDC
50.0%	50.0% #89B6DD	RGB 137 182 221	#89B6DD
66.7%	66.7% #98BFDE	RGB 152 191 222	#98BFDE
83.3%	83.3% #A7C8DF	RGB 167 200 223	#A7C8DF
100.0%	100.0% #B6D0E0	RGB 182 208 224	#B6D0E0

#5E97DB #6CA2DB #7AACDC #89B6DD #98BFDE #A7C8DF #B6D0E0

#5E97DB - #89B6DD - #B6D0E0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E97DB 0%, #89B6DD 50%, #B6D0E0 100%);
    background: -webkit-linear-gradient(top, #5E97DB 0%, #89B6DD 50%, #B6D0E0 100%);
    background: linear-gradient(to bottom, #5E97DB 0%, #89B6DD 50%, #B6D0E0 100%);
}
</style>