#103C5E - #BBC8D1 | 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 #103C5E to #BBC8D1

#103C5E #BBC8D1

Calculate the color between two colors, #103C5E and #BBC8D1. 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)

#103C5E - #BBC8D1 | 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 #103C5E as 0% and #BBC8D1 as 100%.

0.0%	0.0% #103C5E	RGB 16 60 94	#103C5E
16.7%	16.7% #2C5371	RGB 44 83 113	#2C5371
33.3%	33.3% #496A84	RGB 73 106 132	#496A84
50.0%	50.0% #658297	RGB 101 130 151	#658297
66.7%	66.7% #8299AA	RGB 130 153 170	#8299AA
83.3%	83.3% #9EB0BD	RGB 158 176 189	#9EB0BD
100.0%	100.0% #BBC8D1	RGB 187 200 209	#BBC8D1

#103C5E #2C5371 #496A84 #658297 #8299AA #9EB0BD #BBC8D1

#103C5E - #BBC8D1

HSV Blend

#103C5E - #BBC8D1 | 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 #103C5E as 0% and #BBC8D1 as 100%.

0.0%	0.0% #0F3C5E	RGB 15 60 94	#0F3C5E
16.7%	16.7% #204E71	RGB 32 78 113	#204E71
33.3%	33.3% #366384	RGB 54 99 132	#366384
50.0%	50.0% #507997	RGB 80 121 151	#507997
66.7%	66.7% #6F91AA	RGB 111 145 170	#6F91AA
83.3%	83.3% #92ACBD	RGB 146 172 189	#92ACBD
100.0%	100.0% #BBC8D1	RGB 187 200 209	#BBC8D1

#0F3C5E #204E71 #366384 #507997 #6F91AA #92ACBD #BBC8D1

#103C5E - #507997 - #BBC8D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F3C5E 0%, #507997 50%, #BBC8D1 100%);
    background: -webkit-linear-gradient(top, #0F3C5E 0%, #507997 50%, #BBC8D1 100%);
    background: linear-gradient(to bottom, #0F3C5E 0%, #507997 50%, #BBC8D1 100%);
}
</style>