#0B0C08 - #B9B9B8 | 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 #0B0C08 to #B9B9B8

#0B0C08 #B9B9B8

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

#0B0C08 - #B9B9B8 | 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 #0B0C08 as 0% and #B9B9B8 as 100%.

0.0%	0.0% #0B0C08	RGB 11 12 8	#0B0C08
16.7%	16.7% #282825	RGB 40 40 37	#282825
33.3%	33.3% #454542	RGB 69 69 66	#454542
50.0%	50.0% #626260	RGB 98 98 96	#626260
66.7%	66.7% #7F7F7D	RGB 127 127 125	#7F7F7D
83.3%	83.3% #9C9C9A	RGB 156 156 154	#9C9C9A
100.0%	100.0% #B9B9B8	RGB 185 185 184	#B9B9B8

#0B0C08 #282825 #454542 #626260 #7F7F7D #9C9C9A #B9B9B8

#0B0C08 - #B9B9B8

HSV Blend

#0B0C08 - #B9B9B8 | 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 #0B0C08 as 0% and #B9B9B8 as 100%.

0.0%	0.0% #0B0C08	RGB 11 12 8	#0B0C08
16.7%	16.7% #26281D	RGB 38 40 29	#26281D
33.3%	33.3% #434536	RGB 67 69 54	#434536
50.0%	50.0% #606251	RGB 96 98 81	#606251
66.7%	66.7% #7E7F70	RGB 126 127 112	#7E7F70
83.3%	83.3% #9B9C92	RGB 155 156 146	#9B9C92
100.0%	100.0% #B9B9B8	RGB 185 185 184	#B9B9B8

#0B0C08 #26281D #434536 #606251 #7E7F70 #9B9C92 #B9B9B8

#0B0C08 - #606251 - #B9B9B8

CSS codes

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

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