#0A1708 - #B9BCB8 | 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 #0A1708 to #B9BCB8

#0A1708 #B9BCB8

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

#0A1708 - #B9BCB8 | 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 #0A1708 as 0% and #B9BCB8 as 100%.

0.0%	0.0% #0A1708	RGB 10 23 8	#0A1708
16.7%	16.7% #273225	RGB 39 50 37	#273225
33.3%	33.3% #444E42	RGB 68 78 66	#444E42
50.0%	50.0% #616960	RGB 97 105 96	#616960
66.7%	66.7% #7E857D	RGB 126 133 125	#7E857D
83.3%	83.3% #9BA09A	RGB 155 160 154	#9BA09A
100.0%	100.0% #B9BCB8	RGB 185 188 184	#B9BCB8

#0A1708 #273225 #444E42 #616960 #7E857D #9BA09A #B9BCB8

#0A1708 - #B9BCB8

HSV Blend

#0A1708 - #B9BCB8 | 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 #0A1708 as 0% and #B9BCB8 as 100%.

0.0%	0.0% #0A1708	RGB 10 23 8	#0A1708
16.7%	16.7% #1B3216	RGB 27 50 22	#1B3216
33.3%	33.3% #314E2B	RGB 49 78 43	#314E2B
50.0%	50.0% #4C6945	RGB 76 105 69	#4C6945
66.7%	66.7% #6C8566	RGB 108 133 102	#6C8566
83.3%	83.3% #90A08C	RGB 144 160 140	#90A08C
100.0%	100.0% #B9BCB8	RGB 185 188 184	#B9BCB8

#0A1708 #1B3216 #314E2B #4C6945 #6C8566 #90A08C #B9BCB8

#0A1708 - #4C6945 - #B9BCB8

CSS codes

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

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