#10040F - #BAB7B9 | colorate

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

Blend #10040F to #BAB7B9

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

RGB混合

#10040F - #BAB7B9 | colorate

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

0.0%	0.0% #10040F	RGB 16 4 15	#10040F
16.7%	16.7% #2C212B	RGB 44 33 43	#2C212B
33.3%	33.3% #483F47	RGB 72 63 71	#483F47
50.0%	50.0% #655D64	RGB 101 93 100	#655D64
66.7%	66.7% #817B80	RGB 129 123 128	#817B80
83.3%	83.3% #9D999C	RGB 157 153 156	#9D999C
100.0%	100.0% #BAB7B9	RGB 186 183 185	#BAB7B9

#10040F #2C212B #483F47 #655D64 #817B80 #9D999C #BAB7B9

#10040F - #BAB7B9

HSV混合

#10040F - #BAB7B9 | colorate

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

0.0%	0.0% #10040F	RGB 16 4 15	#10040F
16.7%	16.7% #2C1028	RGB 44 16 40	#2C1028
33.3%	33.3% #482342	RGB 72 35 66	#482342
50.0%	50.0% #653E5C	RGB 101 62 92	#653E5C
66.7%	66.7% #815F78	RGB 129 95 120	#815F78
83.3%	83.3% #9D8797	RGB 157 135 151	#9D8797
100.0%	100.0% #BAB7B9	RGB 186 183 185	#BAB7B9

#10040F #2C1028 #482342 #653E5C #815F78 #9D8797 #BAB7B9

#10040F - #653E5C - #BAB7B9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10040F 0%, #653E5C 50%, #BAB7B9 100%);
    background: -webkit-linear-gradient(top, #10040F 0%, #653E5C 50%, #BAB7B9 100%);
    background: linear-gradient(to bottom, #10040F 0%, #653E5C 50%, #BAB7B9 100%);
}
</style>