#001803 - #B6BDB7 | colorate

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

Blend #001803 to #B6BDB7

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

RGB混合

#001803 - #B6BDB7 | colorate

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

0.0%	0.0% #001803	RGB 0 24 3	#001803
16.7%	16.7% #1E3321	RGB 30 51 33	#1E3321
33.3%	33.3% #3C4F3F	RGB 60 79 63	#3C4F3F
50.0%	50.0% #5B6A5D	RGB 91 106 93	#5B6A5D
66.7%	66.7% #79867B	RGB 121 134 123	#79867B
83.3%	83.3% #97A199	RGB 151 161 153	#97A199
100.0%	100.0% #B6BDB7	RGB 182 189 183	#B6BDB7

#001803 #1E3321 #3C4F3F #5B6A5D #79867B #97A199 #B6BDB7

#001803 - #B6BDB7

HSV混合

#001803 - #B6BDB7 | colorate

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

0.0%	0.0% #001802	RGB 0 24 2	#001802
16.7%	16.7% #08330D	RGB 8 51 13	#08330D
33.3%	33.3% #194F20	RGB 25 79 32	#194F20
50.0%	50.0% #336A3A	RGB 51 106 58	#336A3A
66.7%	66.7% #56865C	RGB 86 134 92	#56865C
83.3%	83.3% #81A186	RGB 129 161 134	#81A186
100.0%	100.0% #B6BDB7	RGB 182 189 183	#B6BDB7

#001802 #08330D #194F20 #336A3A #56865C #81A186 #B6BDB7

#001803 - #336A3A - #B6BDB7

CSS代码

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

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