#5E5A58 - #859EB8 | colorate

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

Blend #5E5A58 to #859EB8

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

RGB混合

#5E5A58 - #859EB8 | colorate

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

0.0%	0.0% #5E5A58	RGB 94 90 88	#5E5A58
16.7%	16.7% #646568	RGB 100 101 104	#646568
33.3%	33.3% #6B7078	RGB 107 112 120	#6B7078
50.0%	50.0% #717C88	RGB 113 124 136	#717C88
66.7%	66.7% #788798	RGB 120 135 152	#788798
83.3%	83.3% #7E92A8	RGB 126 146 168	#7E92A8
100.0%	100.0% #859EB8	RGB 133 158 184	#859EB8

#5E5A58 #646568 #6B7078 #717C88 #788798 #7E92A8 #859EB8

#5E5A58 - #859EB8

HSV混合

#5E5A58 - #859EB8 | colorate

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

0.0%	0.0% #5E5A58	RGB 94 90 88	#5E5A58
16.7%	16.7% #6D6263	RGB 109 98 99	#6D6263
33.3%	33.3% #7C6B75	RGB 124 107 117	#7C6B75
50.0%	50.0% #89738B	RGB 137 115 139	#89738B
66.7%	66.7% #887A9A	RGB 136 122 154	#887A9A
83.3%	83.3% #8080A9	RGB 128 128 169	#8080A9
100.0%	100.0% #859EB8	RGB 133 158 184	#859EB8

#5E5A58 #6D6263 #7C6B75 #89738B #887A9A #8080A9 #859EB8

#5E5A58 - #89738B - #859EB8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A58 0%, #89738B 50%, #859EB8 100%);
    background: -webkit-linear-gradient(top, #5E5A58 0%, #89738B 50%, #859EB8 100%);
    background: linear-gradient(to bottom, #5E5A58 0%, #89738B 50%, #859EB8 100%);
}
</style>