#090202 - #B8B6B6 | 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 #090202 to #B8B6B6

#090202 #B8B6B6

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

#090202 - #B8B6B6 | 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 #090202 as 0% and #B8B6B6 as 100%.

0.0%	0.0% #090202	RGB 9 2 2	#090202
16.7%	16.7% #262020	RGB 38 32 32	#262020
33.3%	33.3% #433E3E	RGB 67 62 62	#433E3E
50.0%	50.0% #605C5C	RGB 96 92 92	#605C5C
66.7%	66.7% #7D7A7A	RGB 125 122 122	#7D7A7A
83.3%	83.3% #9A9898	RGB 154 152 152	#9A9898
100.0%	100.0% #B8B6B6	RGB 184 182 182	#B8B6B6

#090202 #262020 #433E3E #605C5C #7D7A7A #9A9898 #B8B6B6

#090202 - #B8B6B6

HSV Blend

#090202 - #B8B6B6 | 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 #090202 as 0% and #B8B6B6 as 100%.

0.0%	0.0% #090101	RGB 9 1 1	#090101
16.7%	16.7% #260D0D	RGB 38 13 13	#260D0D
33.3%	33.3% #432020	RGB 67 32 32	#432020
50.0%	50.0% #603A3A	RGB 96 58 58	#603A3A
66.7%	66.7% #7D5C5C	RGB 125 92 92	#7D5C5C
83.3%	83.3% #9A8585	RGB 154 133 133	#9A8585
100.0%	100.0% #B8B6B6	RGB 184 182 182	#B8B6B6

#090101 #260D0D #432020 #603A3A #7D5C5C #9A8585 #B8B6B6

#090202 - #603A3A - #B8B6B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #090101 0%, #603A3A 50%, #B8B6B6 100%);
    background: -webkit-linear-gradient(top, #090101 0%, #603A3A 50%, #B8B6B6 100%);
    background: linear-gradient(to bottom, #090101 0%, #603A3A 50%, #B8B6B6 100%);
}
</style>