#08020D - #B8B6B9 | 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 #08020D to #B8B6B9

#08020D #B8B6B9

Calculate the color between two colors, #08020D and #B8B6B9. 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)

#08020D - #B8B6B9 | 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 #08020D as 0% and #B8B6B9 as 100%.

0.0%	0.0% #08020D	RGB 8 2 13	#08020D
16.7%	16.7% #252029	RGB 37 32 41	#252029
33.3%	33.3% #423E46	RGB 66 62 70	#423E46
50.0%	50.0% #605C63	RGB 96 92 99	#605C63
66.7%	66.7% #7D7A7F	RGB 125 122 127	#7D7A7F
83.3%	83.3% #9A989C	RGB 154 152 156	#9A989C
100.0%	100.0% #B8B6B9	RGB 184 182 185	#B8B6B9

#08020D #252029 #423E46 #605C63 #7D7A7F #9A989C #B8B6B9

#08020D - #B8B6B9

HSV Blend

#08020D - #B8B6B9 | 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 #08020D as 0% and #B8B6B9 as 100%.

0.0%	0.0% #08020D	RGB 8 2 13	#08020D
16.7%	16.7% #1C0C29	RGB 28 12 41	#1C0C29
33.3%	33.3% #351E46	RGB 53 30 70	#351E46
50.0%	50.0% #523863	RGB 82 56 99	#523863
66.7%	66.7% #715A7F	RGB 113 90 127	#715A7F
83.3%	83.3% #93849C	RGB 147 132 156	#93849C
100.0%	100.0% #B8B6B9	RGB 184 182 185	#B8B6B9

#08020D #1C0C29 #351E46 #523863 #715A7F #93849C #B8B6B9

#08020D - #523863 - #B8B6B9

CSS codes

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

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