#575E5E - #CFD1D1 | colorate

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

Blend #575E5E to #CFD1D1

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

RGB混合

#575E5E - #CFD1D1 | colorate

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

0.0%	0.0% #575E5E	RGB 87 94 94	#575E5E
16.7%	16.7% #6B7171	RGB 107 113 113	#6B7171
33.3%	33.3% #7F8484	RGB 127 132 132	#7F8484
50.0%	50.0% #939797	RGB 147 151 151	#939797
66.7%	66.7% #A7AAAA	RGB 167 170 170	#A7AAAA
83.3%	83.3% #BBBDBD	RGB 187 189 189	#BBBDBD
100.0%	100.0% #CFD1D1	RGB 207 209 209	#CFD1D1

#575E5E #6B7171 #7F8484 #939797 #A7AAAA #BBBDBD #CFD1D1

#575E5E - #CFD1D1

HSV混合

#575E5E - #CFD1D1 | colorate

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

0.0%	0.0% #575E5E	RGB 87 94 94	#575E5E
16.7%	16.7% #697171	RGB 105 113 113	#697171
33.3%	33.3% #7D8484	RGB 125 132 132	#7D8484
50.0%	50.0% #919797	RGB 145 151 151	#919797
66.7%	66.7% #A5AAAA	RGB 165 170 170	#A5AAAA
83.3%	83.3% #B9BDBD	RGB 185 189 189	#B9BDBD
100.0%	100.0% #CFD1D1	RGB 207 209 209	#CFD1D1

#575E5E #697171 #7D8484 #919797 #A5AAAA #B9BDBD #CFD1D1

#575E5E - #919797 - #CFD1D1

CSS代码

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

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