#8C8FA8 - #394C7E | colorate

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

Blend #8C8FA8 to #394C7E

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

RGB混合

#8C8FA8 - #394C7E | colorate

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

0.0%	0.0% #8C8FA8	RGB 140 143 168	#8C8FA8
16.7%	16.7% #7E83A1	RGB 126 131 161	#7E83A1
33.3%	33.3% #70789A	RGB 112 120 154	#70789A
50.0%	50.0% #626D93	RGB 98 109 147	#626D93
66.7%	66.7% #54628C	RGB 84 98 140	#54628C
83.3%	83.3% #465785	RGB 70 87 133	#465785
100.0%	100.0% #394C7E	RGB 57 76 126	#394C7E

#8C8FA8 #7E83A1 #70789A #626D93 #54628C #465785 #394C7E

#8C8FA8 - #394C7E

HSV混合

#8C8FA8 - #394C7E | colorate

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

0.0%	0.0% #8C8FA8	RGB 140 143 168	#8C8FA8
16.7%	16.7% #7B80A1	RGB 123 128 161	#7B80A1
33.3%	33.3% #6C749A	RGB 108 116 154	#6C749A
50.0%	50.0% #5E6893	RGB 94 104 147	#5E6893
66.7%	66.7% #515E8C	RGB 81 94 140	#515E8C
83.3%	83.3% #445485	RGB 68 84 133	#445485
100.0%	100.0% #394C7E	RGB 57 76 126	#394C7E

#8C8FA8 #7B80A1 #6C749A #5E6893 #515E8C #445485 #394C7E

#8C8FA8 - #5E6893 - #394C7E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8FA8 0%, #5E6893 50%, #394C7E 100%);
    background: -webkit-linear-gradient(top, #8C8FA8 0%, #5E6893 50%, #394C7E 100%);
    background: linear-gradient(to bottom, #8C8FA8 0%, #5E6893 50%, #394C7E 100%);
}
</style>