#C35EB6 - #8A0066 | colorate

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

Blend #C35EB6 to #8A0066

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

RGB混合

#C35EB6 - #8A0066 | colorate

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

0.0%	0.0% #C35EB6	RGB 195 94 182	#C35EB6
16.7%	16.7% #B94EA8	RGB 185 78 168	#B94EA8
33.3%	33.3% #B03E9B	RGB 176 62 155	#B03E9B
50.0%	50.0% #A62F8E	RGB 166 47 142	#A62F8E
66.7%	66.7% #9D1F80	RGB 157 31 128	#9D1F80
83.3%	83.3% #930F73	RGB 147 15 115	#930F73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C35EB6 #B94EA8 #B03E9B #A62F8E #9D1F80 #930F73 #8A0066

#C35EB6 - #8A0066

HSV混合

#C35EB6 - #8A0066 | colorate

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

0.0%	0.0% #C35EB6	RGB 195 94 182	#C35EB6
16.7%	16.7% #B94AA8	RGB 185 74 168	#B94AA8
33.3%	33.3% #B0389B	RGB 176 56 155	#B0389B
50.0%	50.0% #A6288D	RGB 166 40 141	#A6288D
66.7%	66.7% #9D1980	RGB 157 25 128	#9D1980
83.3%	83.3% #930B73	RGB 147 11 115	#930B73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C35EB6 #B94AA8 #B0389B #A6288D #9D1980 #930B73 #8A0066

#C35EB6 - #A6288D - #8A0066

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C35EB6 0%, #A6288D 50%, #8A0066 100%);
    background: -webkit-linear-gradient(top, #C35EB6 0%, #A6288D 50%, #8A0066 100%);
    background: linear-gradient(to bottom, #C35EB6 0%, #A6288D 50%, #8A0066 100%);
}
</style>