#6E5E68 - #857EB1 | colorate

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

Blend #6E5E68 to #857EB1

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

RGB混合

#6E5E68 - #857EB1 | colorate

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

0.0%	0.0% #6E5E68	RGB 110 94 104	#6E5E68
16.7%	16.7% #716374	RGB 113 99 116	#716374
33.3%	33.3% #756880	RGB 117 104 128	#756880
50.0%	50.0% #796E8C	RGB 121 110 140	#796E8C
66.7%	66.7% #7D7398	RGB 125 115 152	#7D7398
83.3%	83.3% #8178A4	RGB 129 120 164	#8178A4
100.0%	100.0% #857EB1	RGB 133 126 177	#857EB1

#6E5E68 #716374 #756880 #796E8C #7D7398 #8178A4 #857EB1

#6E5E68 - #857EB1

HSV混合

#6E5E68 - #857EB1 | colorate

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

0.0%	0.0% #6E5E68	RGB 110 94 104	#6E5E68
16.7%	16.7% #796475	RGB 121 100 117	#796475
33.3%	33.3% #836A84	RGB 131 106 132	#836A84
50.0%	50.0% #87708F	RGB 135 112 143	#87708F
66.7%	66.7% #89759A	RGB 137 117 154	#89759A
83.3%	83.3% #8979A5	RGB 137 121 165	#8979A5
100.0%	100.0% #857EB1	RGB 133 126 177	#857EB1

#6E5E68 #796475 #836A84 #87708F #89759A #8979A5 #857EB1

#6E5E68 - #87708F - #857EB1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E68 0%, #87708F 50%, #857EB1 100%);
    background: -webkit-linear-gradient(top, #6E5E68 0%, #87708F 50%, #857EB1 100%);
    background: linear-gradient(to bottom, #6E5E68 0%, #87708F 50%, #857EB1 100%);
}
</style>