#B5D1E2 - #5287B8 | 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 #B5D1E2 to #5287B8

#B5D1E2 #5287B8

Calculate the color between two colors, #B5D1E2 and #5287B8. 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)

#B5D1E2 - #5287B8 | 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 #B5D1E2 as 0% and #5287B8 as 100%.

0.0%	0.0% #B5D1E2	RGB 181 209 226	#B5D1E2
16.7%	16.7% #A4C4DB	RGB 164 196 219	#A4C4DB
33.3%	33.3% #94B8D4	RGB 148 184 212	#94B8D4
50.0%	50.0% #83ACCD	RGB 131 172 205	#83ACCD
66.7%	66.7% #739FC6	RGB 115 159 198	#739FC6
83.3%	83.3% #6293BF	RGB 98 147 191	#6293BF
100.0%	100.0% #5287B8	RGB 82 135 184	#5287B8

#B5D1E2 #A4C4DB #94B8D4 #83ACCD #739FC6 #6293BF #5287B8

#B5D1E2 - #5287B8

HSV Blend

#B5D1E2 - #5287B8 | 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 #B5D1E2 as 0% and #5287B8 as 100%.

0.0%	0.0% #B5D1E2	RGB 181 209 226	#B5D1E2
16.7%	16.7% #A2C4DB	RGB 162 196 219	#A2C4DB
33.3%	33.3% #90B8D4	RGB 144 184 212	#90B8D4
50.0%	50.0% #7FABCD	RGB 127 171 205	#7FABCD
66.7%	66.7% #6F9FC6	RGB 111 159 198	#6F9FC6
83.3%	83.3% #6093BF	RGB 96 147 191	#6093BF
100.0%	100.0% #5287B8	RGB 82 135 184	#5287B8

#B5D1E2 #A2C4DB #90B8D4 #7FABCD #6F9FC6 #6093BF #5287B8

#B5D1E2 - #7FABCD - #5287B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D1E2 0%, #7FABCD 50%, #5287B8 100%);
    background: -webkit-linear-gradient(top, #B5D1E2 0%, #7FABCD 50%, #5287B8 100%);
    background: linear-gradient(to bottom, #B5D1E2 0%, #7FABCD 50%, #5287B8 100%);
}
</style>