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

#010402 #B6B7B6

Calculate the color between two colors, #010402 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)

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

0.0%	0.0% #010402	RGB 1 4 2	#010402
16.7%	16.7% #1F2120	RGB 31 33 32	#1F2120
33.3%	33.3% #3D3F3E	RGB 61 63 62	#3D3F3E
50.0%	50.0% #5B5D5C	RGB 91 93 92	#5B5D5C
66.7%	66.7% #797B7A	RGB 121 123 122	#797B7A
83.3%	83.3% #979998	RGB 151 153 152	#979998
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#010402 #1F2120 #3D3F3E #5B5D5C #797B7A #979998 #B6B7B6

#010402 - #B6B7B6

HSV Blend

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

0.0%	0.0% #010402	RGB 1 4 2	#010402
16.7%	16.7% #0C2112	RGB 12 33 18	#0C2112
33.3%	33.3% #1F3F26	RGB 31 63 38	#1F3F26
50.0%	50.0% #3A5D40	RGB 58 93 64	#3A5D40
66.7%	66.7% #5C7B5F	RGB 92 123 95	#5C7B5F
83.3%	83.3% #859986	RGB 133 153 134	#859986
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#010402 #0C2112 #1F3F26 #3A5D40 #5C7B5F #859986 #B6B7B6

#010402 - #3A5D40 - #B6B7B6

CSS codes

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

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