#110404 - #BBB7B7 | 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 #110404 to #BBB7B7

#110404 #BBB7B7

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

#110404 - #BBB7B7 | 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 #110404 as 0% and #BBB7B7 as 100%.

0.0%	0.0% #110404	RGB 17 4 4	#110404
16.7%	16.7% #2D2121	RGB 45 33 33	#2D2121
33.3%	33.3% #493F3F	RGB 73 63 63	#493F3F
50.0%	50.0% #665D5D	RGB 102 93 93	#665D5D
66.7%	66.7% #827B7B	RGB 130 123 123	#827B7B
83.3%	83.3% #9E9999	RGB 158 153 153	#9E9999
100.0%	100.0% #BBB7B7	RGB 187 183 183	#BBB7B7

#110404 #2D2121 #493F3F #665D5D #827B7B #9E9999 #BBB7B7

#110404 - #BBB7B7

HSV Blend

#110404 - #BBB7B7 | 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 #110404 as 0% and #BBB7B7 as 100%.

0.0%	0.0% #110303	RGB 17 3 3	#110303
16.7%	16.7% #2D1010	RGB 45 16 16	#2D1010
33.3%	33.3% #492323	RGB 73 35 35	#492323
50.0%	50.0% #663D3D	RGB 102 61 61	#663D3D
66.7%	66.7% #825F5F	RGB 130 95 95	#825F5F
83.3%	83.3% #9E8787	RGB 158 135 135	#9E8787
100.0%	100.0% #BBB7B7	RGB 187 183 183	#BBB7B7

#110303 #2D1010 #492323 #663D3D #825F5F #9E8787 #BBB7B7

#110404 - #663D3D - #BBB7B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #110303 0%, #663D3D 50%, #BBB7B7 100%);
    background: -webkit-linear-gradient(top, #110303 0%, #663D3D 50%, #BBB7B7 100%);
    background: linear-gradient(to bottom, #110303 0%, #663D3D 50%, #BBB7B7 100%);
}
</style>