#4A00A1 - #200070 | colorate

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

Blend #4A00A1 to #200070

#4A00A1 #200070

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

RGB混合

#4A00A1 - #200070 | colorate

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

0.0%	0.0% #4A00A1	RGB 74 0 161	#4A00A1
16.7%	16.7% #430098	RGB 67 0 152	#430098
33.3%	33.3% #3C0090	RGB 60 0 144	#3C0090
50.0%	50.0% #350088	RGB 53 0 136	#350088
66.7%	66.7% #2E0080	RGB 46 0 128	#2E0080
83.3%	83.3% #270078	RGB 39 0 120	#270078
100.0%	100.0% #200070	RGB 32 0 112	#200070

#4A00A1 #430098 #3C0090 #350088 #2E0080 #270078 #200070

#4A00A1 - #200070

HSV混合

#4A00A1 - #200070 | colorate

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

0.0%	0.0% #4A00A1	RGB 74 0 161	#4A00A1
16.7%	16.7% #410098	RGB 65 0 152	#410098
33.3%	33.3% #3A0090	RGB 58 0 144	#3A0090
50.0%	50.0% #320088	RGB 50 0 136	#320088
66.7%	66.7% #2C0080	RGB 44 0 128	#2C0080
83.3%	83.3% #250078	RGB 37 0 120	#250078
100.0%	100.0% #200070	RGB 32 0 112	#200070

#4A00A1 #410098 #3A0090 #320088 #2C0080 #250078 #200070

#4A00A1 - #320088 - #200070

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A00A1 0%, #320088 50%, #200070 100%);
    background: -webkit-linear-gradient(top, #4A00A1 0%, #320088 50%, #200070 100%);
    background: linear-gradient(to bottom, #4A00A1 0%, #320088 50%, #200070 100%);
}
</style>