#C063C7 - #5A027C | colorate

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

Blend #C063C7 to #5A027C

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

RGB混合

#C063C7 - #5A027C | colorate

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

0.0%	0.0% #C063C7	RGB 192 99 199	#C063C7
16.7%	16.7% #AF52BA	RGB 175 82 186	#AF52BA
33.3%	33.3% #9E42AE	RGB 158 66 174	#9E42AE
50.0%	50.0% #8D32A1	RGB 141 50 161	#8D32A1
66.7%	66.7% #7C2295	RGB 124 34 149	#7C2295
83.3%	83.3% #6B1288	RGB 107 18 136	#6B1288
100.0%	100.0% #5A027C	RGB 90 2 124	#5A027C

#C063C7 #AF52BA #9E42AE #8D32A1 #7C2295 #6B1288 #5A027C

#C063C7 - #5A027C

HSV混合

#C063C7 - #5A027C | colorate

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

0.0%	0.0% #C063C7	RGB 192 99 199	#C063C7
16.7%	16.7% #AF4DBA	RGB 175 77 186	#AF4DBA
33.3%	33.3% #9D3AAE	RGB 157 58 174	#9D3AAE
50.0%	50.0% #8C29A1	RGB 140 41 161	#8C29A1
66.7%	66.7% #7B1A95	RGB 123 26 149	#7B1A95
83.3%	83.3% #6A0D88	RGB 106 13 136	#6A0D88
100.0%	100.0% #5A027C	RGB 90 2 124	#5A027C

#C063C7 #AF4DBA #9D3AAE #8C29A1 #7B1A95 #6A0D88 #5A027C

#C063C7 - #8C29A1 - #5A027C

CSS代码

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

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