#6A677E - #D4D3DA | colorate

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

Blend #6A677E to #D4D3DA

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

RGB混合

#6A677E - #D4D3DA | colorate

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

0.0%	0.0% #6A677E	RGB 106 103 126	#6A677E
16.7%	16.7% #7B798D	RGB 123 121 141	#7B798D
33.3%	33.3% #8D8B9C	RGB 141 139 156	#8D8B9C
50.0%	50.0% #9F9DAC	RGB 159 157 172	#9F9DAC
66.7%	66.7% #B0AFBB	RGB 176 175 187	#B0AFBB
83.3%	83.3% #C2C1CA	RGB 194 193 202	#C2C1CA
100.0%	100.0% #D4D3DA	RGB 212 211 218	#D4D3DA

#6A677E #7B798D #8D8B9C #9F9DAC #B0AFBB #C2C1CA #D4D3DA

#6A677E - #D4D3DA

HSV混合

#6A677E - #D4D3DA | colorate

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

0.0%	0.0% #6A677E	RGB 106 103 126	#6A677E
16.7%	16.7% #7A778D	RGB 122 119 141	#7A778D
33.3%	33.3% #8A879C	RGB 138 135 156	#8A879C
50.0%	50.0% #9C99AC	RGB 156 153 172	#9C99AC
66.7%	66.7% #AEABBB	RGB 174 171 187	#AEABBB
83.3%	83.3% #C0BFCA	RGB 192 191 202	#C0BFCA
100.0%	100.0% #D4D3DA	RGB 212 211 218	#D4D3DA

#6A677E #7A778D #8A879C #9C99AC #AEABBB #C0BFCA #D4D3DA

#6A677E - #9C99AC - #D4D3DA

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A677E 0%, #9C99AC 50%, #D4D3DA 100%);
    background: -webkit-linear-gradient(top, #6A677E 0%, #9C99AC 50%, #D4D3DA 100%);
    background: linear-gradient(to bottom, #6A677E 0%, #9C99AC 50%, #D4D3DA 100%);
}
</style>