#5E8FCA - #B9CBD7 | 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 #5E8FCA to #B9CBD7

#5E8FCA #B9CBD7

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

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

0.0%	0.0% #5E8FCA	RGB 94 143 202	#5E8FCA
16.7%	16.7% #6D99CC	RGB 109 153 204	#6D99CC
33.3%	33.3% #7CA3CE	RGB 124 163 206	#7CA3CE
50.0%	50.0% #8BADD0	RGB 139 173 208	#8BADD0
66.7%	66.7% #9AB7D2	RGB 154 183 210	#9AB7D2
83.3%	83.3% #A9C1D4	RGB 169 193 212	#A9C1D4
100.0%	100.0% #B9CBD7	RGB 185 203 215	#B9CBD7

#5E8FCA #6D99CC #7CA3CE #8BADD0 #9AB7D2 #A9C1D4 #B9CBD7

#5E8FCA - #B9CBD7

HSV Blend

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

0.0%	0.0% #5E8FCA	RGB 94 143 202	#5E8FCA
16.7%	16.7% #6C9ACC	RGB 108 154 204	#6C9ACC
33.3%	33.3% #7BA4CE	RGB 123 164 206	#7BA4CE
50.0%	50.0% #8AAFD0	RGB 138 175 208	#8AAFD0
66.7%	66.7% #99B9D2	RGB 153 185 210	#99B9D2
83.3%	83.3% #A9C2D4	RGB 169 194 212	#A9C2D4
100.0%	100.0% #B9CBD7	RGB 185 203 215	#B9CBD7

#5E8FCA #6C9ACC #7BA4CE #8AAFD0 #99B9D2 #A9C2D4 #B9CBD7

#5E8FCA - #8AAFD0 - #B9CBD7

CSS codes

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

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