#AD3E92 - #5E0947 | colorate

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

Blend #AD3E92 to #5E0947

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

RGB混合

#AD3E92 - #5E0947 | colorate

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

0.0%	0.0% #AD3E92	RGB 173 62 146	#AD3E92
16.7%	16.7% #9F3585	RGB 159 53 133	#9F3585
33.3%	33.3% #922C79	RGB 146 44 121	#922C79
50.0%	50.0% #85236C	RGB 133 35 108	#85236C
66.7%	66.7% #781A60	RGB 120 26 96	#781A60
83.3%	83.3% #6B1153	RGB 107 17 83	#6B1153
100.0%	100.0% #5E0947	RGB 94 9 71	#5E0947

#AD3E92 #9F3585 #922C79 #85236C #781A60 #6B1153 #5E0947

#AD3E92 - #5E0947

HSV混合

#AD3E92 - #5E0947 | colorate

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

0.0%	0.0% #AD3E91	RGB 173 62 145	#AD3E91
16.7%	16.7% #9F3284	RGB 159 50 132	#9F3284
33.3%	33.3% #922777	RGB 146 39 119	#922777
50.0%	50.0% #851E6A	RGB 133 30 106	#851E6A
66.7%	66.7% #78165E	RGB 120 22 94	#78165E
83.3%	83.3% #6B0E52	RGB 107 14 82	#6B0E52
100.0%	100.0% #5E0947	RGB 94 9 71	#5E0947

#AD3E91 #9F3284 #922777 #851E6A #78165E #6B0E52 #5E0947

#AD3E92 - #851E6A - #5E0947

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD3E91 0%, #851E6A 50%, #5E0947 100%);
    background: -webkit-linear-gradient(top, #AD3E91 0%, #851E6A 50%, #5E0947 100%);
    background: linear-gradient(to bottom, #AD3E91 0%, #851E6A 50%, #5E0947 100%);
}
</style>