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

#120505 #BBB7B7

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

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

0.0%	0.0% #120505	RGB 18 5 5	#120505
16.7%	16.7% #2E2222	RGB 46 34 34	#2E2222
33.3%	33.3% #4A4040	RGB 74 64 64	#4A4040
50.0%	50.0% #665E5E	RGB 102 94 94	#665E5E
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

#120505 #2E2222 #4A4040 #665E5E #827B7B #9E9999 #BBB7B7

#120505 - #BBB7B7

HSV Blend

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

0.0%	0.0% #120505	RGB 18 5 5	#120505
16.7%	16.7% #2E1212	RGB 46 18 18	#2E1212
33.3%	33.3% #4A2626	RGB 74 38 38	#4A2626
50.0%	50.0% #664040	RGB 102 64 64	#664040
66.7%	66.7% #826161	RGB 130 97 97	#826161
83.3%	83.3% #9E8888	RGB 158 136 136	#9E8888
100.0%	100.0% #BBB7B7	RGB 187 183 183	#BBB7B7

#120505 #2E1212 #4A2626 #664040 #826161 #9E8888 #BBB7B7

#120505 - #664040 - #BBB7B7

CSS codes

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

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