#100103 - #BAB6B6 | 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 #100103 to #BAB6B6

#100103 #BAB6B6

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

#100103 - #BAB6B6 | 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 #100103 as 0% and #BAB6B6 as 100%.

0.0%	0.0% #100103	RGB 16 1 3	#100103
16.7%	16.7% #2C1F20	RGB 44 31 32	#2C1F20
33.3%	33.3% #483D3E	RGB 72 61 62	#483D3E
50.0%	50.0% #655B5C	RGB 101 91 92	#655B5C
66.7%	66.7% #81797A	RGB 129 121 122	#81797A
83.3%	83.3% #9D9798	RGB 157 151 152	#9D9798
100.0%	100.0% #BAB6B6	RGB 186 182 182	#BAB6B6

#100103 #2C1F20 #483D3E #655B5C #81797A #9D9798 #BAB6B6

#100103 - #BAB6B6

HSV Blend

#100103 - #BAB6B6 | 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 #100103 as 0% and #BAB6B6 as 100%.

0.0%	0.0% #100103	RGB 16 1 3	#100103
16.7%	16.7% #2C090D	RGB 44 9 13	#2C090D
33.3%	33.3% #481A1E	RGB 72 26 30	#481A1E
50.0%	50.0% #653437	RGB 101 52 55	#653437
66.7%	66.7% #815758	RGB 129 87 88	#815758
83.3%	83.3% #9D8282	RGB 157 130 130	#9D8282
100.0%	100.0% #BAB6B6	RGB 186 182 182	#BAB6B6

#100103 #2C090D #481A1E #653437 #815758 #9D8282 #BAB6B6

#100103 - #653437 - #BAB6B6

CSS codes

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

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