#8677AB - #372B5E | colorate

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

Blend #8677AB to #372B5E

计算两种颜色#8677AB和#372B5E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#8677AB - #372B5E | colorate

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

0.0%	0.0% #8677AB	RGB 134 119 171	#8677AB
16.7%	16.7% #786A9E	RGB 120 106 158	#786A9E
33.3%	33.3% #6B5D91	RGB 107 93 145	#6B5D91
50.0%	50.0% #5E5184	RGB 94 81 132	#5E5184
66.7%	66.7% #514477	RGB 81 68 119	#514477
83.3%	83.3% #44376A	RGB 68 55 106	#44376A
100.0%	100.0% #372B5E	RGB 55 43 94	#372B5E

#8677AB #786A9E #6B5D91 #5E5184 #514477 #44376A #372B5E

#8677AB - #372B5E

HSV混合

#8677AB - #372B5E | colorate

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

0.0%	0.0% #8677AB	RGB 134 119 171	#8677AB
16.7%	16.7% #76679E	RGB 118 103 158	#76679E
33.3%	33.3% #685991	RGB 104 89 145	#685991
50.0%	50.0% #5B4C84	RGB 91 76 132	#5B4C84
66.7%	66.7% #4E4077	RGB 78 64 119	#4E4077
83.3%	83.3% #42356A	RGB 66 53 106	#42356A
100.0%	100.0% #372B5E	RGB 55 43 94	#372B5E

#8677AB #76679E #685991 #5B4C84 #4E4077 #42356A #372B5E

#8677AB - #5B4C84 - #372B5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8677AB 0%, #5B4C84 50%, #372B5E 100%);
    background: -webkit-linear-gradient(top, #8677AB 0%, #5B4C84 50%, #372B5E 100%);
    background: linear-gradient(to bottom, #8677AB 0%, #5B4C84 50%, #372B5E 100%);
}
</style>