#100205 - #BAB6B7 | 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 #100205 to #BAB6B7

#100205 #BAB6B7

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

#100205 - #BAB6B7 | 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 #100205 as 0% and #BAB6B7 as 100%.

0.0%	0.0% #100205	RGB 16 2 5	#100205
16.7%	16.7% #2C2022	RGB 44 32 34	#2C2022
33.3%	33.3% #483E40	RGB 72 62 64	#483E40
50.0%	50.0% #655C5E	RGB 101 92 94	#655C5E
66.7%	66.7% #817A7B	RGB 129 122 123	#817A7B
83.3%	83.3% #9D9899	RGB 157 152 153	#9D9899
100.0%	100.0% #BAB6B7	RGB 186 182 183	#BAB6B7

#100205 #2C2022 #483E40 #655C5E #817A7B #9D9899 #BAB6B7

#100205 - #BAB6B7

HSV Blend

#100205 - #BAB6B7 | 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 #100205 as 0% and #BAB6B7 as 100%.

0.0%	0.0% #100204	RGB 16 2 4	#100204
16.7%	16.7% #2C0B13	RGB 44 11 19	#2C0B13
33.3%	33.3% #481D27	RGB 72 29 39	#481D27
50.0%	50.0% #653742	RGB 101 55 66	#653742
66.7%	66.7% #815963	RGB 129 89 99	#815963
83.3%	83.3% #9D838A	RGB 157 131 138	#9D838A
100.0%	100.0% #BAB6B7	RGB 186 182 183	#BAB6B7

#100204 #2C0B13 #481D27 #653742 #815963 #9D838A #BAB6B7

#100205 - #653742 - #BAB6B7

CSS codes

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

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