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

#010602 #B6B7B6

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

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

0.0%	0.0% #010602	RGB 1 6 2	#010602
16.7%	16.7% #1F2320	RGB 31 35 32	#1F2320
33.3%	33.3% #3D413E	RGB 61 65 62	#3D413E
50.0%	50.0% #5B5E5C	RGB 91 94 92	#5B5E5C
66.7%	66.7% #797C7A	RGB 121 124 122	#797C7A
83.3%	83.3% #979998	RGB 151 153 152	#979998
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#010602 #1F2320 #3D413E #5B5E5C #797C7A #979998 #B6B7B6

#010602 - #B6B7B6

HSV Blend

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

0.0%	0.0% #010602	RGB 1 6 2	#010602
16.7%	16.7% #0A230E	RGB 10 35 14	#0A230E
33.3%	33.3% #1C4121	RGB 28 65 33	#1C4121
50.0%	50.0% #365E3A	RGB 54 94 58	#365E3A
66.7%	66.7% #597C5B	RGB 89 124 91	#597C5B
83.3%	83.3% #839984	RGB 131 153 132	#839984
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#010602 #0A230E #1C4121 #365E3A #597C5B #839984 #B6B7B6

#010602 - #365E3A - #B6B7B6

CSS codes

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

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