#B5D0DF - #5287B5 | 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 #B5D0DF to #5287B5

#B5D0DF #5287B5

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

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

0.0%	0.0% #B5D0DF	RGB 181 208 223	#B5D0DF
16.7%	16.7% #A4C3D8	RGB 164 195 216	#A4C3D8
33.3%	33.3% #94B7D1	RGB 148 183 209	#94B7D1
50.0%	50.0% #83ABCA	RGB 131 171 202	#83ABCA
66.7%	66.7% #739FC3	RGB 115 159 195	#739FC3
83.3%	83.3% #6293BC	RGB 98 147 188	#6293BC
100.0%	100.0% #5287B5	RGB 82 135 181	#5287B5

#B5D0DF #A4C3D8 #94B7D1 #83ABCA #739FC3 #6293BC #5287B5

#B5D0DF - #5287B5

HSV Blend

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

0.0%	0.0% #B5D0DF	RGB 181 208 223	#B5D0DF
16.7%	16.7% #A2C3D8	RGB 162 195 216	#A2C3D8
33.3%	33.3% #90B7D1	RGB 144 183 209	#90B7D1
50.0%	50.0% #7FABCA	RGB 127 171 202	#7FABCA
66.7%	66.7% #6F9FC3	RGB 111 159 195	#6F9FC3
83.3%	83.3% #6093BC	RGB 96 147 188	#6093BC
100.0%	100.0% #5287B5	RGB 82 135 181	#5287B5

#B5D0DF #A2C3D8 #90B7D1 #7FABCA #6F9FC3 #6093BC #5287B5

#B5D0DF - #7FABCA - #5287B5

CSS codes

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

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