#080502 - #B8B7B6 | 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 #080502 to #B8B7B6

#080502 #B8B7B6

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

#080502 - #B8B7B6 | 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 #080502 as 0% and #B8B7B6 as 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #252220	RGB 37 34 32	#252220
33.3%	33.3% #42403E	RGB 66 64 62	#42403E
50.0%	50.0% #605E5C	RGB 96 94 92	#605E5C
66.7%	66.7% #7D7B7A	RGB 125 123 122	#7D7B7A
83.3%	83.3% #9A9998	RGB 154 153 152	#9A9998
100.0%	100.0% #B8B7B6	RGB 184 183 182	#B8B7B6

#080502 #252220 #42403E #605E5C #7D7B7A #9A9998 #B8B7B6

#080502 - #B8B7B6

HSV Blend

#080502 - #B8B7B6 | 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 #080502 as 0% and #B8B7B6 as 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #25190D	RGB 37 25 13	#25190D
33.3%	33.3% #423121	RGB 66 49 33	#423121
50.0%	50.0% #604D3B	RGB 96 77 59	#604D3B
66.7%	66.7% #7D6D5D	RGB 125 109 93	#7D6D5D
83.3%	83.3% #9A9085	RGB 154 144 133	#9A9085
100.0%	100.0% #B8B7B6	RGB 184 183 182	#B8B7B6

#080502 #25190D #423121 #604D3B #7D6D5D #9A9085 #B8B7B6

#080502 - #604D3B - #B8B7B6

CSS codes

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

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