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

#140505 #BBB7B7

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

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

0.0%	0.0% #140505	RGB 20 5 5	#140505
16.7%	16.7% #2F2222	RGB 47 34 34	#2F2222
33.3%	33.3% #4B4040	RGB 75 64 64	#4B4040
50.0%	50.0% #675E5E	RGB 103 94 94	#675E5E
66.7%	66.7% #837B7B	RGB 131 123 123	#837B7B
83.3%	83.3% #9F9999	RGB 159 153 153	#9F9999
100.0%	100.0% #BBB7B7	RGB 187 183 183	#BBB7B7

#140505 #2F2222 #4B4040 #675E5E #837B7B #9F9999 #BBB7B7

#140505 - #BBB7B7

HSV Blend

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

0.0%	0.0% #140505	RGB 20 5 5	#140505
16.7%	16.7% #2F1111	RGB 47 17 17	#2F1111
33.3%	33.3% #4B2525	RGB 75 37 37	#4B2525
50.0%	50.0% #673F3F	RGB 103 63 63	#673F3F
66.7%	66.7% #836060	RGB 131 96 96	#836060
83.3%	83.3% #9F8888	RGB 159 136 136	#9F8888
100.0%	100.0% #BBB7B7	RGB 187 183 183	#BBB7B7

#140505 #2F1111 #4B2525 #673F3F #836060 #9F8888 #BBB7B7

#140505 - #673F3F - #BBB7B7

CSS codes

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

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