#000B08 - #B6B9B8 | 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 #000B08 to #B6B9B8

#000B08 #B6B9B8

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

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

0.0%	0.0% #000B08	RGB 0 11 8	#000B08
16.7%	16.7% #1E2825	RGB 30 40 37	#1E2825
33.3%	33.3% #3C4542	RGB 60 69 66	#3C4542
50.0%	50.0% #5B6260	RGB 91 98 96	#5B6260
66.7%	66.7% #797F7D	RGB 121 127 125	#797F7D
83.3%	83.3% #979C9A	RGB 151 156 154	#979C9A
100.0%	100.0% #B6B9B8	RGB 182 185 184	#B6B9B8

#000B08 #1E2825 #3C4542 #5B6260 #797F7D #979C9A #B6B9B8

#000B08 - #B6B9B8

HSV Blend

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

0.0%	0.0% #000B08	RGB 0 11 8	#000B08
16.7%	16.7% #06281E	RGB 6 40 30	#06281E
33.3%	33.3% #164537	RGB 22 69 55	#164537
50.0%	50.0% #306252	RGB 48 98 82	#306252
66.7%	66.7% #537F71	RGB 83 127 113	#537F71
83.3%	83.3% #7F9C92	RGB 127 156 146	#7F9C92
100.0%	100.0% #B6B9B8	RGB 182 185 184	#B6B9B8

#000B08 #06281E #164537 #306252 #537F71 #7F9C92 #B6B9B8

#000B08 - #306252 - #B6B9B8

CSS codes

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

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