#BC3EB6 - #7A0064 | colorate

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

Blend #BC3EB6 to #7A0064

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

RGB混合

#BC3EB6 - #7A0064 | colorate

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

0.0%	0.0% #BC3EB6	RGB 188 62 182	#BC3EB6
16.7%	16.7% #B133A8	RGB 177 51 168	#B133A8
33.3%	33.3% #A6299A	RGB 166 41 154	#A6299A
50.0%	50.0% #9B1F8D	RGB 155 31 141	#9B1F8D
66.7%	66.7% #90147F	RGB 144 20 127	#90147F
83.3%	83.3% #850A71	RGB 133 10 113	#850A71
100.0%	100.0% #7A0064	RGB 122 0 100	#7A0064

#BC3EB6 #B133A8 #A6299A #9B1F8D #90147F #850A71 #7A0064

#BC3EB6 - #7A0064

HSV混合

#BC3EB6 - #7A0064 | colorate

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

0.0%	0.0% #BC3EB6	RGB 188 62 182	#BC3EB6
16.7%	16.7% #B130A8	RGB 177 48 168	#B130A8
33.3%	33.3% #A6249A	RGB 166 36 154	#A6249A
50.0%	50.0% #9B198C	RGB 155 25 140	#9B198C
66.7%	66.7% #900F7E	RGB 144 15 126	#900F7E
83.3%	83.3% #850771	RGB 133 7 113	#850771
100.0%	100.0% #7A0064	RGB 122 0 100	#7A0064

#BC3EB6 #B130A8 #A6249A #9B198C #900F7E #850771 #7A0064

#BC3EB6 - #9B198C - #7A0064

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC3EB6 0%, #9B198C 50%, #7A0064 100%);
    background: -webkit-linear-gradient(top, #BC3EB6 0%, #9B198C 50%, #7A0064 100%);
    background: linear-gradient(to bottom, #BC3EB6 0%, #9B198C 50%, #7A0064 100%);
}
</style>