#AC2FFF - #3C00C2 | colorate

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

Blend #AC2FFF to #3C00C2

计算两种颜色#AC2FFF和#3C00C2之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#AC2FFF - #3C00C2 | colorate

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

0.0%	0.0% #AC2FFF	RGB 172 47 255	#AC2FFF
16.7%	16.7% #9927F4	RGB 153 39 244	#9927F4
33.3%	33.3% #861FEA	RGB 134 31 234	#861FEA
50.0%	50.0% #7417E0	RGB 116 23 224	#7417E0
66.7%	66.7% #610FD6	RGB 97 15 214	#610FD6
83.3%	83.3% #4E07CC	RGB 78 7 204	#4E07CC
100.0%	100.0% #3C00C2	RGB 60 0 194	#3C00C2

#AC2FFF #9927F4 #861FEA #7417E0 #610FD6 #4E07CC #3C00C2

#AC2FFF - #3C00C2

HSV混合

#AC2FFF - #3C00C2 | colorate

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

0.0%	0.0% #AC2EFF	RGB 172 46 255	#AC2EFF
16.7%	16.7% #9825F4	RGB 152 37 244	#9825F4
33.3%	33.3% #841CEA	RGB 132 28 234	#841CEA
50.0%	50.0% #7114E0	RGB 113 20 224	#7114E0
66.7%	66.7% #5E0DD6	RGB 94 13 214	#5E0DD6
83.3%	83.3% #4D06CC	RGB 77 6 204	#4D06CC
100.0%	100.0% #3C00C2	RGB 60 0 194	#3C00C2

#AC2EFF #9825F4 #841CEA #7114E0 #5E0DD6 #4D06CC #3C00C2

#AC2FFF - #7114E0 - #3C00C2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC2EFF 0%, #7114E0 50%, #3C00C2 100%);
    background: -webkit-linear-gradient(top, #AC2EFF 0%, #7114E0 50%, #3C00C2 100%);
    background: linear-gradient(to bottom, #AC2EFF 0%, #7114E0 50%, #3C00C2 100%);
}
</style>