#050F08 - #B7BAB8 | colorate

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

Blend #050F08 to #B7BAB8

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

RGB混合

#050F08 - #B7BAB8 | colorate

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

0.0%	0.0% #050F08	RGB 5 15 8	#050F08
16.7%	16.7% #222B25	RGB 34 43 37	#222B25
33.3%	33.3% #404842	RGB 64 72 66	#404842
50.0%	50.0% #5E6460	RGB 94 100 96	#5E6460
66.7%	66.7% #7B817D	RGB 123 129 125	#7B817D
83.3%	83.3% #999D9A	RGB 153 157 154	#999D9A
100.0%	100.0% #B7BAB8	RGB 183 186 184	#B7BAB8

#050F08 #222B25 #404842 #5E6460 #7B817D #999D9A #B7BAB8

#050F08 - #B7BAB8

HSV混合

#050F08 - #B7BAB8 | colorate

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

0.0%	0.0% #050F07	RGB 5 15 7	#050F07
16.7%	16.7% #132B1A	RGB 19 43 26	#132B1A
33.3%	33.3% #274831	RGB 39 72 49	#274831
50.0%	50.0% #42644D	RGB 66 100 77	#42644D
66.7%	66.7% #62816C	RGB 98 129 108	#62816C
83.3%	83.3% #899D90	RGB 137 157 144	#899D90
100.0%	100.0% #B7BAB8	RGB 183 186 184	#B7BAB8

#050F07 #132B1A #274831 #42644D #62816C #899D90 #B7BAB8

#050F08 - #42644D - #B7BAB8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #050F07 0%, #42644D 50%, #B7BAB8 100%);
    background: -webkit-linear-gradient(top, #050F07 0%, #42644D 50%, #B7BAB8 100%);
    background: linear-gradient(to bottom, #050F07 0%, #42644D 50%, #B7BAB8 100%);
}
</style>