#000B2A - #B6B8C2 | 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 #000B2A to #B6B8C2

#000B2A #B6B8C2

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

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

0.0%	0.0% #000B2A	RGB 0 11 42	#000B2A
16.7%	16.7% #1E2743	RGB 30 39 67	#1E2743
33.3%	33.3% #3C445C	RGB 60 68 92	#3C445C
50.0%	50.0% #5B6176	RGB 91 97 118	#5B6176
66.7%	66.7% #797E8F	RGB 121 126 143	#797E8F
83.3%	83.3% #979BA8	RGB 151 155 168	#979BA8
100.0%	100.0% #B6B8C2	RGB 182 184 194	#B6B8C2

#000B2A #1E2743 #3C445C #5B6176 #797E8F #979BA8 #B6B8C2

#000B2A - #B6B8C2

HSV Blend

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

0.0%	0.0% #000A2A	RGB 0 10 42	#000A2A
16.7%	16.7% #0A1843	RGB 10 24 67	#0A1843
33.3%	33.3% #1C2B5C	RGB 28 43 92	#1C2B5C
50.0%	50.0% #374476	RGB 55 68 118	#374476
66.7%	66.7% #59648F	RGB 89 100 143	#59648F
83.3%	83.3% #838AA8	RGB 131 138 168	#838AA8
100.0%	100.0% #B6B8C2	RGB 182 184 194	#B6B8C2

#000A2A #0A1843 #1C2B5C #374476 #59648F #838AA8 #B6B8C2

#000B2A - #374476 - #B6B8C2

CSS codes

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

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