#020911 - #B6B8BB | 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 #020911 to #B6B8BB

#020911 #B6B8BB

Calculate the color between two colors, #020911 and #B6B8BB. 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)

#020911 - #B6B8BB | 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 #020911 as 0% and #B6B8BB as 100%.

0.0%	0.0% #020911	RGB 2 9 17	#020911
16.7%	16.7% #20262D	RGB 32 38 45	#20262D
33.3%	33.3% #3E4349	RGB 62 67 73	#3E4349
50.0%	50.0% #5C6066	RGB 92 96 102	#5C6066
66.7%	66.7% #7A7D82	RGB 122 125 130	#7A7D82
83.3%	83.3% #989A9E	RGB 152 154 158	#989A9E
100.0%	100.0% #B6B8BB	RGB 182 184 187	#B6B8BB

#020911 #20262D #3E4349 #5C6066 #7A7D82 #989A9E #B6B8BB

#020911 - #B6B8BB

HSV Blend

#020911 - #B6B8BB | 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 #020911 as 0% and #B6B8BB as 100%.

0.0%	0.0% #010911	RGB 1 9 17	#010911
16.7%	16.7% #0B1B2D	RGB 11 27 45	#0B1B2D
33.3%	33.3% #1D3149	RGB 29 49 73	#1D3149
50.0%	50.0% #374B66	RGB 55 75 102	#374B66
66.7%	66.7% #596A82	RGB 89 106 130	#596A82
83.3%	83.3% #838E9E	RGB 131 142 158	#838E9E
100.0%	100.0% #B6B8BB	RGB 182 184 187	#B6B8BB

#010911 #0B1B2D #1D3149 #374B66 #596A82 #838E9E #B6B8BB

#020911 - #374B66 - #B6B8BB

CSS codes

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

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