#130101 - #BBB6B6 | 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 #130101 to #BBB6B6

#130101 #BBB6B6

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

#130101 - #BBB6B6 | 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 #130101 as 0% and #BBB6B6 as 100%.

0.0%	0.0% #130101	RGB 19 1 1	#130101
16.7%	16.7% #2F1F1F	RGB 47 31 31	#2F1F1F
33.3%	33.3% #4B3D3D	RGB 75 61 61	#4B3D3D
50.0%	50.0% #675B5B	RGB 103 91 91	#675B5B
66.7%	66.7% #837979	RGB 131 121 121	#837979
83.3%	83.3% #9F9797	RGB 159 151 151	#9F9797
100.0%	100.0% #BBB6B6	RGB 187 182 182	#BBB6B6

#130101 #2F1F1F #4B3D3D #675B5B #837979 #9F9797 #BBB6B6

#130101 - #BBB6B6

HSV Blend

#130101 - #BBB6B6 | 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 #130101 as 0% and #BBB6B6 as 100%.

0.0%	0.0% #130000	RGB 19 0 0	#130000
16.7%	16.7% #2F0909	RGB 47 9 9	#2F0909
33.3%	33.3% #4B1A1A	RGB 75 26 26	#4B1A1A
50.0%	50.0% #673434	RGB 103 52 52	#673434
66.7%	66.7% #835757	RGB 131 87 87	#835757
83.3%	83.3% #9F8282	RGB 159 130 130	#9F8282
100.0%	100.0% #BBB6B6	RGB 187 182 182	#BBB6B6

#130000 #2F0909 #4B1A1A #673434 #835757 #9F8282 #BBB6B6

#130101 - #673434 - #BBB6B6

CSS codes

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

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