#464E5E - #CACCD1 | colorate

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

Blend #464E5E to #CACCD1

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

RGB混合

#464E5E - #CACCD1 | colorate

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

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #5C6371	RGB 92 99 113	#5C6371
33.3%	33.3% #727884	RGB 114 120 132	#727884
50.0%	50.0% #888D97	RGB 136 141 151	#888D97
66.7%	66.7% #9EA2AA	RGB 158 162 170	#9EA2AA
83.3%	83.3% #B4B7BD	RGB 180 183 189	#B4B7BD
100.0%	100.0% #CACCD1	RGB 202 204 209	#CACCD1

#464E5E #5C6371 #727884 #888D97 #9EA2AA #B4B7BD #CACCD1

#464E5E - #CACCD1

HSV混合

#464E5E - #CACCD1 | colorate

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

0.0%	0.0% #464E5E	RGB 70 78 94	#464E5E
16.7%	16.7% #586071	RGB 88 96 113	#586071
33.3%	33.3% #6C7384	RGB 108 115 132	#6C7384
50.0%	50.0% #818897	RGB 129 136 151	#818897
66.7%	66.7% #989DAA	RGB 152 157 170	#989DAA
83.3%	83.3% #B0B4BD	RGB 176 180 189	#B0B4BD
100.0%	100.0% #CACCD1	RGB 202 204 209	#CACCD1

#464E5E #586071 #6C7384 #818897 #989DAA #B0B4BD #CACCD1

#464E5E - #818897 - #CACCD1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464E5E 0%, #818897 50%, #CACCD1 100%);
    background: -webkit-linear-gradient(top, #464E5E 0%, #818897 50%, #CACCD1 100%);
    background: linear-gradient(to bottom, #464E5E 0%, #818897 50%, #CACCD1 100%);
}
</style>