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

#020302 #B6B7B6

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

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

0.0%	0.0% #020302	RGB 2 3 2	#020302
16.7%	16.7% #202120	RGB 32 33 32	#202120
33.3%	33.3% #3E3F3E	RGB 62 63 62	#3E3F3E
50.0%	50.0% #5C5D5C	RGB 92 93 92	#5C5D5C
66.7%	66.7% #7A7B7A	RGB 122 123 122	#7A7B7A
83.3%	83.3% #989998	RGB 152 153 152	#989998
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#020302 #202120 #3E3F3E #5C5D5C #7A7B7A #989998 #B6B7B6

#020302 - #B6B7B6

HSV Blend

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

0.0%	0.0% #020302	RGB 2 3 2	#020302
16.7%	16.7% #172117	RGB 23 33 23	#172117
33.3%	33.3% #303F30	RGB 48 63 48	#303F30
50.0%	50.0% #4D5D4D	RGB 77 93 77	#4D5D4D
66.7%	66.7% #6C7B6C	RGB 108 123 108	#6C7B6C
83.3%	83.3% #8F998F	RGB 143 153 143	#8F998F
100.0%	100.0% #B6B7B6	RGB 182 183 182	#B6B7B6

#020302 #172117 #303F30 #4D5D4D #6C7B6C #8F998F #B6B7B6

#020302 - #4D5D4D - #B6B7B6

CSS codes

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

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