#956BA0 - #411E4E | colorate

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

Blend #956BA0 to #411E4E

计算两种颜色#956BA0和#411E4E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#956BA0 - #411E4E | colorate

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

0.0%	0.0% #956BA0	RGB 149 107 160	#956BA0
16.7%	16.7% #875E92	RGB 135 94 146	#875E92
33.3%	33.3% #795184	RGB 121 81 132	#795184
50.0%	50.0% #6B4477	RGB 107 68 119	#6B4477
66.7%	66.7% #5D3769	RGB 93 55 105	#5D3769
83.3%	83.3% #4F2A5B	RGB 79 42 91	#4F2A5B
100.0%	100.0% #411E4E	RGB 65 30 78	#411E4E

#956BA0 #875E92 #795184 #6B4477 #5D3769 #4F2A5B #411E4E

#956BA0 - #411E4E

HSV混合

#956BA0 - #411E4E | colorate

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

0.0%	0.0% #946BA0	RGB 148 107 160	#946BA0
16.7%	16.7% #865A92	RGB 134 90 146	#865A92
33.3%	33.3% #774C84	RGB 119 76 132	#774C84
50.0%	50.0% #693E77	RGB 105 62 119	#693E77
66.7%	66.7% #5B3269	RGB 91 50 105	#5B3269
83.3%	83.3% #4E275B	RGB 78 39 91	#4E275B
100.0%	100.0% #411E4E	RGB 65 30 78	#411E4E

#946BA0 #865A92 #774C84 #693E77 #5B3269 #4E275B #411E4E

#956BA0 - #693E77 - #411E4E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #946BA0 0%, #693E77 50%, #411E4E 100%);
    background: -webkit-linear-gradient(top, #946BA0 0%, #693E77 50%, #411E4E 100%);
    background: linear-gradient(to bottom, #946BA0 0%, #693E77 50%, #411E4E 100%);
}
</style>