#5E4E5D - #A76DD7 | colorate

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

Blend #5E4E5D to #A76DD7

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

RGB混合

#5E4E5D - #A76DD7 | colorate

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

0.0%	0.0% #5E4E5D	RGB 94 78 93	#5E4E5D
16.7%	16.7% #6A5371	RGB 106 83 113	#6A5371
33.3%	33.3% #765885	RGB 118 88 133	#765885
50.0%	50.0% #825D9A	RGB 130 93 154	#825D9A
66.7%	66.7% #8E62AE	RGB 142 98 174	#8E62AE
83.3%	83.3% #9A67C2	RGB 154 103 194	#9A67C2
100.0%	100.0% #A76DD7	RGB 167 109 215	#A76DD7

#5E4E5D #6A5371 #765885 #825D9A #8E62AE #9A67C2 #A76DD7

#5E4E5D - #A76DD7

HSV混合

#5E4E5D - #A76DD7 | colorate

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

0.0%	0.0% #5E4E5D	RGB 94 78 93	#5E4E5D
16.7%	16.7% #715872	RGB 113 88 114	#715872
33.3%	33.3% #826186	RGB 130 97 134	#826186
50.0%	50.0% #90679A	RGB 144 103 154	#90679A
66.7%	66.7% #9B6BAE	RGB 155 107 174	#9B6BAE
83.3%	83.3% #A36DC2	RGB 163 109 194	#A36DC2
100.0%	100.0% #A76DD7	RGB 167 109 215	#A76DD7

#5E4E5D #715872 #826186 #90679A #9B6BAE #A36DC2 #A76DD7

#5E4E5D - #90679A - #A76DD7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4E5D 0%, #90679A 50%, #A76DD7 100%);
    background: -webkit-linear-gradient(top, #5E4E5D 0%, #90679A 50%, #A76DD7 100%);
    background: linear-gradient(to bottom, #5E4E5D 0%, #90679A 50%, #A76DD7 100%);
}
</style>