#9F9FDB - #C8D1DB | colorate

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

Blend #9F9FDB to #C8D1DB

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

RGB混合

#9F9FDB - #C8D1DB | colorate

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

0.0%	0.0% #9F9FDB	RGB 159 159 219	#9F9FDB
16.7%	16.7% #A5A7DB	RGB 165 167 219	#A5A7DB
33.3%	33.3% #ACAFDB	RGB 172 175 219	#ACAFDB
50.0%	50.0% #B3B8DB	RGB 179 184 219	#B3B8DB
66.7%	66.7% #BAC0DB	RGB 186 192 219	#BAC0DB
83.3%	83.3% #C1C8DB	RGB 193 200 219	#C1C8DB
100.0%	100.0% #C8D1DB	RGB 200 209 219	#C8D1DB

#9F9FDB #A5A7DB #ACAFDB #B3B8DB #BAC0DB #C1C8DB #C8D1DB

#9F9FDB - #C8D1DB

HSV混合

#9F9FDB - #C8D1DB | colorate

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

0.0%	0.0% #9F9FDB	RGB 159 159 219	#9F9FDB
16.7%	16.7% #A5AADB	RGB 165 170 219	#A5AADB
33.3%	33.3% #ACB3DB	RGB 172 179 219	#ACB3DB
50.0%	50.0% #B3BCDB	RGB 179 188 219	#B3BCDB
66.7%	66.7% #BAC4DB	RGB 186 196 219	#BAC4DB
83.3%	83.3% #C1CBDB	RGB 193 203 219	#C1CBDB
100.0%	100.0% #C8D1DB	RGB 200 209 219	#C8D1DB

#9F9FDB #A5AADB #ACB3DB #B3BCDB #BAC4DB #C1CBDB #C8D1DB

#9F9FDB - #B3BCDB - #C8D1DB

CSS代码

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

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