#100B05 - #BAB9B7 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #100B05 to #BAB9B7

计算两种颜色#100B05和#BAB9B7之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#100B05 - #BAB9B7 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#100B05的两种颜色之间的颜色扩展为0％，将#BAB9B7扩展为100％。

0.0%	0.0% #100B05	RGB 16 11 5	#100B05
16.7%	16.7% #2C2822	RGB 44 40 34	#2C2822
33.3%	33.3% #484540	RGB 72 69 64	#484540
50.0%	50.0% #65625E	RGB 101 98 94	#65625E
66.7%	66.7% #817F7B	RGB 129 127 123	#817F7B
83.3%	83.3% #9D9C99	RGB 157 156 153	#9D9C99
100.0%	100.0% #BAB9B7	RGB 186 185 183	#BAB9B7

#100B05 #2C2822 #484540 #65625E #817F7B #9D9C99 #BAB9B7

#100B05 - #BAB9B7

HSV混合

#100B05 - #BAB9B7 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#100B05的两种颜色之间的颜色扩展为0％，将#BAB9B7扩展为100％。

0.0%	0.0% #100B05	RGB 16 11 5	#100B05
16.7%	16.7% #2C2112	RGB 44 33 18	#2C2112
33.3%	33.3% #483A26	RGB 72 58 38	#483A26
50.0%	50.0% #655741	RGB 101 87 65	#655741
66.7%	66.7% #817562	RGB 129 117 98	#817562
83.3%	83.3% #9D9689	RGB 157 150 137	#9D9689
100.0%	100.0% #BAB9B7	RGB 186 185 183	#BAB9B7

#100B05 #2C2112 #483A26 #655741 #817562 #9D9689 #BAB9B7

#100B05 - #655741 - #BAB9B7

CSS代码

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

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