#8F5E84 - #DFD1DC | colorate

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

Blend #8F5E84 to #DFD1DC

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

RGB混合

#8F5E84 - #DFD1DC | colorate

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

0.0%	0.0% #8F5E84	RGB 143 94 132	#8F5E84
16.7%	16.7% #9C7192	RGB 156 113 146	#9C7192
33.3%	33.3% #A984A1	RGB 169 132 161	#A984A1
50.0%	50.0% #B797B0	RGB 183 151 176	#B797B0
66.7%	66.7% #C4AABE	RGB 196 170 190	#C4AABE
83.3%	83.3% #D1BDCD	RGB 209 189 205	#D1BDCD
100.0%	100.0% #DFD1DC	RGB 223 209 220	#DFD1DC

#8F5E84 #9C7192 #A984A1 #B797B0 #C4AABE #D1BDCD #DFD1DC

#8F5E84 - #DFD1DC

HSV混合

#8F5E84 - #DFD1DC | colorate

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

0.0%	0.0% #8F5E84	RGB 143 94 132	#8F5E84
16.7%	16.7% #9C6E92	RGB 156 110 146	#9C6E92
33.3%	33.3% #A97FA0	RGB 169 127 160	#A97FA0
50.0%	50.0% #B791AE	RGB 183 145 174	#B791AE
66.7%	66.7% #C4A5BD	RGB 196 165 189	#C4A5BD
83.3%	83.3% #D1BACC	RGB 209 186 204	#D1BACC
100.0%	100.0% #DFD1DC	RGB 223 209 220	#DFD1DC

#8F5E84 #9C6E92 #A97FA0 #B791AE #C4A5BD #D1BACC #DFD1DC

#8F5E84 - #B791AE - #DFD1DC

CSS代码

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

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