#5F5E5E - #2B151C | colorate

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

Blend #5F5E5E to #2B151C

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

RGB混合

#5F5E5E - #2B151C | colorate

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

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #565153	RGB 86 81 83	#565153
33.3%	33.3% #4D4548	RGB 77 69 72	#4D4548
50.0%	50.0% #45393D	RGB 69 57 61	#45393D
66.7%	66.7% #3C2D32	RGB 60 45 50	#3C2D32
83.3%	83.3% #332127	RGB 51 33 39	#332127
100.0%	100.0% #2B151C	RGB 43 21 28	#2B151C

#5F5E5E #565153 #4D4548 #45393D #3C2D32 #332127 #2B151C

#5F5E5E - #2B151C

HSV混合

#5F5E5E - #2B151C | colorate

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

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #564E4E	RGB 86 78 78	#564E4E
33.3%	33.3% #4D3F41	RGB 77 63 65	#4D3F41
50.0%	50.0% #453235	RGB 69 50 53	#453235
66.7%	66.7% #3C272B	RGB 60 39 43	#3C272B
83.3%	83.3% #331D23	RGB 51 29 35	#331D23
100.0%	100.0% #2B151C	RGB 43 21 28	#2B151C

#5F5E5E #564E4E #4D3F41 #453235 #3C272B #331D23 #2B151C

#5F5E5E - #453235 - #2B151C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F5E5E 0%, #453235 50%, #2B151C 100%);
    background: -webkit-linear-gradient(top, #5F5E5E 0%, #453235 50%, #2B151C 100%);
    background: linear-gradient(to bottom, #5F5E5E 0%, #453235 50%, #2B151C 100%);
}
</style>