#4D085E - #AE3F77 | colorate

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

Blend #4D085E to #AE3F77

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

RGB混合

#4D085E - #AE3F77 | colorate

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

0.0%	0.0% #4D085E	RGB 77 8 94	#4D085E
16.7%	16.7% #5D1162	RGB 93 17 98	#5D1162
33.3%	33.3% #6D1A66	RGB 109 26 102	#6D1A66
50.0%	50.0% #7D236A	RGB 125 35 106	#7D236A
66.7%	66.7% #8D2C6E	RGB 141 44 110	#8D2C6E
83.3%	83.3% #9D3572	RGB 157 53 114	#9D3572
100.0%	100.0% #AE3F77	RGB 174 63 119	#AE3F77

#4D085E #5D1162 #6D1A66 #7D236A #8D2C6E #9D3572 #AE3F77

#4D085E - #AE3F77

HSV混合

#4D085E - #AE3F77 | colorate

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

0.0%	0.0% #4D075E	RGB 77 7 94	#4D075E
16.7%	16.7% #630E6B	RGB 99 14 107	#630E6B
33.3%	33.3% #781575	RGB 120 21 117	#781575
50.0%	50.0% #861D76	RGB 134 29 118	#861D76
66.7%	66.7% #932776	RGB 147 39 118	#932776
83.3%	83.3% #A03276	RGB 160 50 118	#A03276
100.0%	100.0% #AE3F77	RGB 174 63 119	#AE3F77

#4D075E #630E6B #781575 #861D76 #932776 #A03276 #AE3F77

#4D085E - #861D76 - #AE3F77

CSS代码

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

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