#0B0202 - #B9B6B6 | 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 #0B0202 to #B9B6B6

#0B0202 #B9B6B6

Calculate the color between two colors, #0B0202 and #B9B6B6. 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)

#0B0202 - #B9B6B6 | 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 #0B0202 as 0% and #B9B6B6 as 100%.

0.0%	0.0% #0B0202	RGB 11 2 2	#0B0202
16.7%	16.7% #282020	RGB 40 32 32	#282020
33.3%	33.3% #453E3E	RGB 69 62 62	#453E3E
50.0%	50.0% #625C5C	RGB 98 92 92	#625C5C
66.7%	66.7% #7F7A7A	RGB 127 122 122	#7F7A7A
83.3%	83.3% #9C9898	RGB 156 152 152	#9C9898
100.0%	100.0% #B9B6B6	RGB 185 182 182	#B9B6B6

#0B0202 #282020 #453E3E #625C5C #7F7A7A #9C9898 #B9B6B6

#0B0202 - #B9B6B6

HSV Blend

#0B0202 - #B9B6B6 | 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 #0B0202 as 0% and #B9B6B6 as 100%.

0.0%	0.0% #0B0202	RGB 11 2 2	#0B0202
16.7%	16.7% #280C0C	RGB 40 12 12	#280C0C
33.3%	33.3% #451E1E	RGB 69 30 30	#451E1E
50.0%	50.0% #623939	RGB 98 57 57	#623939
66.7%	66.7% #7F5A5A	RGB 127 90 90	#7F5A5A
83.3%	83.3% #9C8484	RGB 156 132 132	#9C8484
100.0%	100.0% #B9B6B6	RGB 185 182 182	#B9B6B6

#0B0202 #280C0C #451E1E #623939 #7F5A5A #9C8484 #B9B6B6

#0B0202 - #623939 - #B9B6B6

CSS codes

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

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