#AB0EB6 - #2A0061 | colorate

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

Blend #AB0EB6 to #2A0061

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

RGB混合

#AB0EB6 - #2A0061 | colorate

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

0.0%	0.0% #AB0EB6	RGB 171 14 182	#AB0EB6
16.7%	16.7% #950BA7	RGB 149 11 167	#950BA7
33.3%	33.3% #800999	RGB 128 9 153	#800999
50.0%	50.0% #6A078B	RGB 106 7 139	#6A078B
66.7%	66.7% #55047D	RGB 85 4 125	#55047D
83.3%	83.3% #3F026F	RGB 63 2 111	#3F026F
100.0%	100.0% #2A0061	RGB 42 0 97	#2A0061

#AB0EB6 #950BA7 #800999 #6A078B #55047D #3F026F #2A0061

#AB0EB6 - #2A0061

HSV混合

#AB0EB6 - #2A0061 | colorate

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

0.0%	0.0% #AB0DB6	RGB 171 13 182	#AB0DB6
16.7%	16.7% #900AA7	RGB 144 10 167	#900AA7
33.3%	33.3% #770799	RGB 119 7 153	#770799
50.0%	50.0% #61058B	RGB 97 5 139	#61058B
66.7%	66.7% #4C037D	RGB 76 3 125	#4C037D
83.3%	83.3% #3A016F	RGB 58 1 111	#3A016F
100.0%	100.0% #2A0061	RGB 42 0 97	#2A0061

#AB0DB6 #900AA7 #770799 #61058B #4C037D #3A016F #2A0061

#AB0EB6 - #61058B - #2A0061

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB0DB6 0%, #61058B 50%, #2A0061 100%);
    background: -webkit-linear-gradient(top, #AB0DB6 0%, #61058B 50%, #2A0061 100%);
    background: linear-gradient(to bottom, #AB0DB6 0%, #61058B 50%, #2A0061 100%);
}
</style>