#6A677E - #8AA2DD | colorate

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

Blend #6A677E to #8AA2DD

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

RGB混合

#6A677E - #8AA2DD | colorate

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

0.0%	0.0% #6A677E	RGB 106 103 126	#6A677E
16.7%	16.7% #6F708D	RGB 111 112 141	#6F708D
33.3%	33.3% #747A9D	RGB 116 122 157	#747A9D
50.0%	50.0% #7A84AD	RGB 122 132 173	#7A84AD
66.7%	66.7% #7F8EBD	RGB 127 142 189	#7F8EBD
83.3%	83.3% #8498CD	RGB 132 152 205	#8498CD
100.0%	100.0% #8AA2DD	RGB 138 162 221	#8AA2DD

#6A677E #6F708D #747A9D #7A84AD #7F8EBD #8498CD #8AA2DD

#6A677E - #8AA2DD

HSV混合

#6A677E - #8AA2DD | colorate

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

0.0%	0.0% #6A677E	RGB 106 103 126	#6A677E
16.7%	16.7% #716F8D	RGB 113 111 141	#716F8D
33.3%	33.3% #76779D	RGB 118 119 157	#76779D
50.0%	50.0% #7D80AD	RGB 125 128 173	#7D80AD
66.7%	66.7% #828BBD	RGB 130 139 189	#828BBD
83.3%	83.3% #8696CD	RGB 134 150 205	#8696CD
100.0%	100.0% #8AA2DD	RGB 138 162 221	#8AA2DD

#6A677E #716F8D #76779D #7D80AD #828BBD #8696CD #8AA2DD

#6A677E - #7D80AD - #8AA2DD

CSS代码

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

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