#020304 - #B6B7B7 | 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 #020304 to #B6B7B7

#020304 #B6B7B7

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

#020304 - #B6B7B7 | 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 #020304 as 0% and #B6B7B7 as 100%.

0.0%	0.0% #020304	RGB 2 3 4	#020304
16.7%	16.7% #202121	RGB 32 33 33	#202121
33.3%	33.3% #3E3F3F	RGB 62 63 63	#3E3F3F
50.0%	50.0% #5C5D5D	RGB 92 93 93	#5C5D5D
66.7%	66.7% #7A7B7B	RGB 122 123 123	#7A7B7B
83.3%	83.3% #989999	RGB 152 153 153	#989999
100.0%	100.0% #B6B7B7	RGB 182 183 183	#B6B7B7

#020304 #202121 #3E3F3F #5C5D5D #7A7B7B #989999 #B6B7B7

#020304 - #B6B7B7

HSV Blend

#020304 - #B6B7B7 | 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 #020304 as 0% and #B6B7B7 as 100%.

0.0%	0.0% #020304	RGB 2 3 4	#020304
16.7%	16.7% #131B21	RGB 19 27 33	#131B21
33.3%	33.3% #2A383F	RGB 42 56 63	#2A383F
50.0%	50.0% #45575D	RGB 69 87 93	#45575D
66.7%	66.7% #66777B	RGB 102 119 123	#66777B
83.3%	83.3% #8B9899	RGB 139 152 153	#8B9899
100.0%	100.0% #B6B7B7	RGB 182 183 183	#B6B7B7

#020304 #131B21 #2A383F #45575D #66777B #8B9899 #B6B7B7

#020304 - #45575D - #B6B7B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #020304 0%, #45575D 50%, #B6B7B7 100%);
    background: -webkit-linear-gradient(top, #020304 0%, #45575D 50%, #B6B7B7 100%);
    background: linear-gradient(to bottom, #020304 0%, #45575D 50%, #B6B7B7 100%);
}
</style>