#9F89B8 - #FCABFE | colorate

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

Blend #9F89B8 to #FCABFE

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

RGB混合

#9F89B8 - #FCABFE | colorate

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

0.0%	0.0% #9F89B8	RGB 159 137 184	#9F89B8
16.7%	16.7% #AE8EC3	RGB 174 142 195	#AE8EC3
33.3%	33.3% #BE94CF	RGB 190 148 207	#BE94CF
50.0%	50.0% #CD9ADB	RGB 205 154 219	#CD9ADB
66.7%	66.7% #DD9FE6	RGB 221 159 230	#DD9FE6
83.3%	83.3% #ECA5F2	RGB 236 165 242	#ECA5F2
100.0%	100.0% #FCABFE	RGB 252 171 254	#FCABFE

#9F89B8 #AE8EC3 #BE94CF #CD9ADB #DD9FE6 #ECA5F2 #FCABFE

#9F89B8 - #FCABFE

HSV混合

#9F89B8 - #FCABFE | colorate

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

0.0%	0.0% #9F89B8	RGB 159 137 184	#9F89B8
16.7%	16.7% #AC8FC3	RGB 172 143 195	#AC8FC3
33.3%	33.3% #BA95CF	RGB 186 149 207	#BA95CF
50.0%	50.0% #C99BDB	RGB 201 155 219	#C99BDB
66.7%	66.7% #D9A0E6	RGB 217 160 230	#D9A0E6
83.3%	83.3% #EAA6F2	RGB 234 166 242	#EAA6F2
100.0%	100.0% #FCABFE	RGB 252 171 254	#FCABFE

#9F89B8 #AC8FC3 #BA95CF #C99BDB #D9A0E6 #EAA6F2 #FCABFE

#9F89B8 - #C99BDB - #FCABFE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F89B8 0%, #C99BDB 50%, #FCABFE 100%);
    background: -webkit-linear-gradient(top, #9F89B8 0%, #C99BDB 50%, #FCABFE 100%);
    background: linear-gradient(to bottom, #9F89B8 0%, #C99BDB 50%, #FCABFE 100%);
}
</style>