#000B3B - #B6B8C7 | 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 #000B3B to #B6B8C7

#000B3B #B6B8C7

Calculate the color between two colors, #000B3B and #B6B8C7. 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)

#000B3B - #B6B8C7 | 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 #000B3B as 0% and #B6B8C7 as 100%.

0.0%	0.0% #000B3B	RGB 0 11 59	#000B3B
16.7%	16.7% #1E2752	RGB 30 39 82	#1E2752
33.3%	33.3% #3C4469	RGB 60 68 105	#3C4469
50.0%	50.0% #5B6181	RGB 91 97 129	#5B6181
66.7%	66.7% #797E98	RGB 121 126 152	#797E98
83.3%	83.3% #979BAF	RGB 151 155 175	#979BAF
100.0%	100.0% #B6B8C7	RGB 182 184 199	#B6B8C7

#000B3B #1E2752 #3C4469 #5B6181 #797E98 #979BAF #B6B8C7

#000B3B - #B6B8C7

HSV Blend

#000B3B - #B6B8C7 | 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 #000B3B as 0% and #B6B8C7 as 100%.

0.0%	0.0% #000A3B	RGB 0 10 59	#000A3B
16.7%	16.7% #0C1852	RGB 12 24 82	#0C1852
33.3%	33.3% #202C69	RGB 32 44 105	#202C69
50.0%	50.0% #3A4581	RGB 58 69 129	#3A4581
66.7%	66.7% #5C6598	RGB 92 101 152	#5C6598
83.3%	83.3% #858BAF	RGB 133 139 175	#858BAF
100.0%	100.0% #B6B8C7	RGB 182 184 199	#B6B8C7

#000A3B #0C1852 #202C69 #3A4581 #5C6598 #858BAF #B6B8C7

#000B3B - #3A4581 - #B6B8C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000A3B 0%, #3A4581 50%, #B6B8C7 100%);
    background: -webkit-linear-gradient(top, #000A3B 0%, #3A4581 50%, #B6B8C7 100%);
    background: linear-gradient(to bottom, #000A3B 0%, #3A4581 50%, #B6B8C7 100%);
}
</style>