#5E5C5A - #1B2023 | colorate

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

Blend #5E5C5A to #1B2023

#5E5C5A #1B2023

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

RGB混合

#5E5C5A - #1B2023 | colorate

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

0.0%	0.0% #5E5C5A	RGB 94 92 90	#5E5C5A
16.7%	16.7% #525250	RGB 82 82 80	#525250
33.3%	33.3% #474847	RGB 71 72 71	#474847
50.0%	50.0% #3C3E3E	RGB 60 62 62	#3C3E3E
66.7%	66.7% #313435	RGB 49 52 53	#313435
83.3%	83.3% #262A2C	RGB 38 42 44	#262A2C
100.0%	100.0% #1B2023	RGB 27 32 35	#1B2023

#5E5C5A #525250 #474847 #3C3E3E #313435 #262A2C #1B2023

#5E5C5A - #1B2023

HSV混合

#5E5C5A - #1B2023 | colorate

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

0.0%	0.0% #5E5C5A	RGB 94 92 90	#5E5C5A
16.7%	16.7% #54544D	RGB 84 84 77	#54544D
33.3%	33.3% #464A42	RGB 70 74 66	#464A42
50.0%	50.0% #384037	RGB 56 64 55	#384037
66.7%	66.7% #2D3631	RGB 45 54 49	#2D3631
83.3%	83.3% #232C2B	RGB 35 44 43	#232C2B
100.0%	100.0% #1B2023	RGB 27 32 35	#1B2023

#5E5C5A #54544D #464A42 #384037 #2D3631 #232C2B #1B2023

#5E5C5A - #384037 - #1B2023

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5A 0%, #384037 50%, #1B2023 100%);
    background: -webkit-linear-gradient(top, #5E5C5A 0%, #384037 50%, #1B2023 100%);
    background: linear-gradient(to bottom, #5E5C5A 0%, #384037 50%, #1B2023 100%);
}
</style>