#8F8C8C - #CFA2DD | colorate

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

Blend #8F8C8C to #CFA2DD

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

RGB混合

#8F8C8C - #CFA2DD | colorate

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

0.0%	0.0% #8F8C8C	RGB 143 140 140	#8F8C8C
16.7%	16.7% #998F99	RGB 153 143 153	#998F99
33.3%	33.3% #A493A7	RGB 164 147 167	#A493A7
50.0%	50.0% #AF97B4	RGB 175 151 180	#AF97B4
66.7%	66.7% #B99AC2	RGB 185 154 194	#B99AC2
83.3%	83.3% #C49ECF	RGB 196 158 207	#C49ECF
100.0%	100.0% #CFA2DD	RGB 207 162 221	#CFA2DD

#8F8C8C #998F99 #A493A7 #AF97B4 #B99AC2 #C49ECF #CFA2DD

#8F8C8C - #CFA2DD

HSV混合

#8F8C8C - #CFA2DD | colorate

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

0.0%	0.0% #8F8C8C	RGB 143 140 140	#8F8C8C
16.7%	16.7% #9C9294	RGB 156 146 148	#9C9294
33.3%	33.3% #A9979E	RGB 169 151 158	#A9979E
50.0%	50.0% #B69BAC	RGB 182 155 172	#B69BAC
66.7%	66.7% #C39EBC	RGB 195 158 188	#C39EBC
83.3%	83.3% #CEA0D0	RGB 206 160 208	#CEA0D0
100.0%	100.0% #CFA2DD	RGB 207 162 221	#CFA2DD

#8F8C8C #9C9294 #A9979E #B69BAC #C39EBC #CEA0D0 #CFA2DD

#8F8C8C - #B69BAC - #CFA2DD

CSS代码

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

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