#000301 - #B6B7B6 | 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 #000301 to #B6B7B6

#000301 #B6B7B6

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

#000301 - #B6B7B6 | 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 #000301 as 0% and #B6B7B6 as 100%.

0.0%	0.0% #000301	RGB 0 3 1	#000301
16.7%	16.7% #1E211F	RGB 30 33 31	#1E211F
33.3%	33.3% #3C3F3D	RGB 60 63 61	#3C3F3D
50.0%	50.0% #5B5D5B	RGB 91 93 91	#5B5D5B
66.7%	66.7% #797B79	RGB 121 123 121	#797B79
83.3%	83.3% #979997	RGB 151 153 151	#979997
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#000301 #1E211F #3C3F3D #5B5D5B #797B79 #979997 #B6B7B6

#000301 - #B6B7B6

HSV Blend

#000301 - #B6B7B6 | 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 #000301 as 0% and #B6B7B6 as 100%.

0.0%	0.0% #000301	RGB 0 3 1	#000301
16.7%	16.7% #05210D	RGB 5 33 13	#05210D
33.3%	33.3% #143F1E	RGB 20 63 30	#143F1E
50.0%	50.0% #2E5D36	RGB 46 93 54	#2E5D36
66.7%	66.7% #517B56	RGB 81 123 86	#517B56
83.3%	83.3% #7E9980	RGB 126 153 128	#7E9980
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#000301 #05210D #143F1E #2E5D36 #517B56 #7E9980 #B6B7B6

#000301 - #2E5D36 - #B6B7B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000301 0%, #2E5D36 50%, #B6B7B6 100%);
    background: -webkit-linear-gradient(top, #000301 0%, #2E5D36 50%, #B6B7B6 100%);
    background: linear-gradient(to bottom, #000301 0%, #2E5D36 50%, #B6B7B6 100%);
}
</style>