#00173C - #B6BCC7 | 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 #00173C to #B6BCC7

#00173C #B6BCC7

Calculate the color between two colors, #00173C and #B6BCC7. 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)

#00173C - #B6BCC7 | 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 #00173C as 0% and #B6BCC7 as 100%.

0.0%	0.0% #00173C	RGB 0 23 60	#00173C
16.7%	16.7% #1E3253	RGB 30 50 83	#1E3253
33.3%	33.3% #3C4E6A	RGB 60 78 106	#3C4E6A
50.0%	50.0% #5B6981	RGB 91 105 129	#5B6981
66.7%	66.7% #798598	RGB 121 133 152	#798598
83.3%	83.3% #97A0AF	RGB 151 160 175	#97A0AF
100.0%	100.0% #B6BCC7	RGB 182 188 199	#B6BCC7

#00173C #1E3253 #3C4E6A #5B6981 #798598 #97A0AF #B6BCC7

#00173C - #B6BCC7

HSV Blend

#00173C - #B6BCC7 | 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 #00173C as 0% and #B6BCC7 as 100%.

0.0%	0.0% #00173C	RGB 0 23 60	#00173C
16.7%	16.7% #0C2753	RGB 12 39 83	#0C2753
33.3%	33.3% #203C6A	RGB 32 60 106	#203C6A
50.0%	50.0% #3B5581	RGB 59 85 129	#3B5581
66.7%	66.7% #5D7298	RGB 93 114 152	#5D7298
83.3%	83.3% #8694AF	RGB 134 148 175	#8694AF
100.0%	100.0% #B6BCC7	RGB 182 188 199	#B6BCC7

#00173C #0C2753 #203C6A #3B5581 #5D7298 #8694AF #B6BCC7

#00173C - #3B5581 - #B6BCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00173C 0%, #3B5581 50%, #B6BCC7 100%);
    background: -webkit-linear-gradient(top, #00173C 0%, #3B5581 50%, #B6BCC7 100%);
    background: linear-gradient(to bottom, #00173C 0%, #3B5581 50%, #B6BCC7 100%);
}
</style>