#4D3669 - #CBC5D4 | colorate

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

Blend #4D3669 to #CBC5D4

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

RGB混合

#4D3669 - #CBC5D4 | colorate

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

0.0%	0.0% #4D3669	RGB 77 54 105	#4D3669
16.7%	16.7% #624D7A	RGB 98 77 122	#624D7A
33.3%	33.3% #77658C	RGB 119 101 140	#77658C
50.0%	50.0% #8C7D9E	RGB 140 125 158	#8C7D9E
66.7%	66.7% #A195B0	RGB 161 149 176	#A195B0
83.3%	83.3% #B6ADC2	RGB 182 173 194	#B6ADC2
100.0%	100.0% #CBC5D4	RGB 203 197 212	#CBC5D4

#4D3669 #624D7A #77658C #8C7D9E #A195B0 #B6ADC2 #CBC5D4

#4D3669 - #CBC5D4

HSV混合

#4D3669 - #CBC5D4 | colorate

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

0.0%	0.0% #4D3669	RGB 77 54 105	#4D3669
16.7%	16.7% #5E477A	RGB 94 71 122	#5E477A
33.3%	33.3% #715B8C	RGB 113 91 140	#715B8C
50.0%	50.0% #85729E	RGB 133 114 158	#85729E
66.7%	66.7% #9A8BB0	RGB 154 139 176	#9A8BB0
83.3%	83.3% #B2A6C2	RGB 178 166 194	#B2A6C2
100.0%	100.0% #CBC5D4	RGB 203 197 212	#CBC5D4

#4D3669 #5E477A #715B8C #85729E #9A8BB0 #B2A6C2 #CBC5D4

#4D3669 - #85729E - #CBC5D4

CSS代码

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

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