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

#08060B #B8B7B9

Calculate the color between two colors, #08060B 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)

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

0.0%	0.0% #08060B	RGB 8 6 11	#08060B
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

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

#08060B - #B8B7B9

HSV Blend

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

0.0%	0.0% #08060B	RGB 8 6 11	#08060B
16.7%	16.7% #1F1828	RGB 31 24 40	#1F1828
33.3%	33.3% #392F45	RGB 57 47 69	#392F45
50.0%	50.0% #554B62	RGB 85 75 98	#554B62
66.7%	66.7% #746A7F	RGB 116 106 127	#746A7F
83.3%	83.3% #958E9C	RGB 149 142 156	#958E9C
100.0%	100.0% #B8B7B9	RGB 184 183 185	#B8B7B9

#08060B #1F1828 #392F45 #554B62 #746A7F #958E9C #B8B7B9

#08060B - #554B62 - #B8B7B9

CSS codes

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

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