#9165CA - #B5E3DD | colorate

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

Blend #9165CA to #B5E3DD

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

RGB混合

#9165CA - #B5E3DD | colorate

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

0.0%	0.0% #9165CA	RGB 145 101 202	#9165CA
16.7%	16.7% #977ACD	RGB 151 122 205	#977ACD
33.3%	33.3% #9D8FD0	RGB 157 143 208	#9D8FD0
50.0%	50.0% #A3A4D3	RGB 163 164 211	#A3A4D3
66.7%	66.7% #A9B9D6	RGB 169 185 214	#A9B9D6
83.3%	83.3% #AFCED9	RGB 175 206 217	#AFCED9
100.0%	100.0% #B5E3DD	RGB 181 227 221	#B5E3DD

#9165CA #977ACD #9D8FD0 #A3A4D3 #A9B9D6 #AFCED9 #B5E3DD

#9165CA - #B5E3DD

HSV混合

#9165CA - #B5E3DD | colorate

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

0.0%	0.0% #9165CA	RGB 145 101 202	#9165CA
16.7%	16.7% #8171CE	RGB 129 113 206	#8171CE
33.3%	33.3% #7E85D2	RGB 126 133 210	#7E85D2
50.0%	50.0% #8BA5D6	RGB 139 165 214	#8BA5D6
66.7%	66.7% #98C0DA	RGB 152 192 218	#98C0DA
83.3%	83.3% #A6D7DE	RGB 166 215 222	#A6D7DE
100.0%	100.0% #B5E3DD	RGB 181 227 221	#B5E3DD

#9165CA #8171CE #7E85D2 #8BA5D6 #98C0DA #A6D7DE #B5E3DD

#9165CA - #8BA5D6 - #B5E3DD

CSS代码

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

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