#08060C - #B8B7B9 | 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 #08060C to #B8B7B9

#08060C #B8B7B9

Calculate the color between two colors, #08060C and #B8B7B9. 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)

#08060C - #B8B7B9 | 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 #08060C as 0% and #B8B7B9 as 100%.

0.0%	0.0% #08060C	RGB 8 6 12	#08060C
16.7%	16.7% #252328	RGB 37 35 40	#252328
33.3%	33.3% #424145	RGB 66 65 69	#424145
50.0%	50.0% #605E62	RGB 96 94 98	#605E62
66.7%	66.7% #7D7C7F	RGB 125 124 127	#7D7C7F
83.3%	83.3% #9A999C	RGB 154 153 156	#9A999C
100.0%	100.0% #B8B7B9	RGB 184 183 185	#B8B7B9

#08060C #252328 #424145 #605E62 #7D7C7F #9A999C #B8B7B9

#08060C - #B8B7B9

HSV Blend

#08060C - #B8B7B9 | 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 #08060C as 0% and #B8B7B9 as 100%.

0.0%	0.0% #08060C	RGB 8 6 12	#08060C
16.7%	16.7% #1D1728	RGB 29 23 40	#1D1728
33.3%	33.3% #372E45	RGB 55 46 69	#372E45
50.0%	50.0% #534962	RGB 83 73 98	#534962
66.7%	66.7% #73697F	RGB 115 105 127	#73697F
83.3%	83.3% #948D9C	RGB 148 141 156	#948D9C
100.0%	100.0% #B8B7B9	RGB 184 183 185	#B8B7B9

#08060C #1D1728 #372E45 #534962 #73697F #948D9C #B8B7B9

#08060C - #534962 - #B8B7B9

CSS codes

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

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