#C58DB3 - #8F346F | colorate

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

Blend #C58DB3 to #8F346F

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

RGB混合

#C58DB3 - #8F346F | colorate

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

0.0%	0.0% #C58DB3	RGB 197 141 179	#C58DB3
16.7%	16.7% #BC7EA7	RGB 188 126 167	#BC7EA7
33.3%	33.3% #B36F9C	RGB 179 111 156	#B36F9C
50.0%	50.0% #AA6091	RGB 170 96 145	#AA6091
66.7%	66.7% #A15185	RGB 161 81 133	#A15185
83.3%	83.3% #98427A	RGB 152 66 122	#98427A
100.0%	100.0% #8F346F	RGB 143 52 111	#8F346F

#C58DB3 #BC7EA7 #B36F9C #AA6091 #A15185 #98427A #8F346F

#C58DB3 - #8F346F

HSV混合

#C58DB3 - #8F346F | colorate

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

0.0%	0.0% #C58DB3	RGB 197 141 179	#C58DB3
16.7%	16.7% #BC7BA6	RGB 188 123 166	#BC7BA6
33.3%	33.3% #B36B9B	RGB 179 107 155	#B36B9B
50.0%	50.0% #AA5B8F	RGB 170 91 143	#AA5B8F
66.7%	66.7% #A14D84	RGB 161 77 132	#A14D84
83.3%	83.3% #984079	RGB 152 64 121	#984079
100.0%	100.0% #8F346F	RGB 143 52 111	#8F346F

#C58DB3 #BC7BA6 #B36B9B #AA5B8F #A14D84 #984079 #8F346F

#C58DB3 - #AA5B8F - #8F346F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C58DB3 0%, #AA5B8F 50%, #8F346F 100%);
    background: -webkit-linear-gradient(top, #C58DB3 0%, #AA5B8F 50%, #8F346F 100%);
    background: linear-gradient(to bottom, #C58DB3 0%, #AA5B8F 50%, #8F346F 100%);
}
</style>