#CBB5E5 - #7F45BB | colorate

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

Blend #CBB5E5 to #7F45BB

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

RGB混合

#CBB5E5 - #7F45BB | colorate

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

0.0%	0.0% #CBB5E5	RGB 203 181 229	#CBB5E5
16.7%	16.7% #BEA2DE	RGB 190 162 222	#BEA2DE
33.3%	33.3% #B18FD7	RGB 177 143 215	#B18FD7
50.0%	50.0% #A57DD0	RGB 165 125 208	#A57DD0
66.7%	66.7% #986AC9	RGB 152 106 201	#986AC9
83.3%	83.3% #8B57C2	RGB 139 87 194	#8B57C2
100.0%	100.0% #7F45BB	RGB 127 69 187	#7F45BB

#CBB5E5 #BEA2DE #B18FD7 #A57DD0 #986AC9 #8B57C2 #7F45BB

#CBB5E5 - #7F45BB

HSV混合

#CBB5E5 - #7F45BB | colorate

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

0.0%	0.0% #CBB5E5	RGB 203 181 229	#CBB5E5
16.7%	16.7% #BC9FDE	RGB 188 159 222	#BC9FDE
33.3%	33.3% #AF8BD7	RGB 175 139 215	#AF8BD7
50.0%	50.0% #A278D0	RGB 162 120 208	#A278D0
66.7%	66.7% #9566C9	RGB 149 102 201	#9566C9
83.3%	83.3% #8A55C2	RGB 138 85 194	#8A55C2
100.0%	100.0% #7F45BB	RGB 127 69 187	#7F45BB

#CBB5E5 #BC9FDE #AF8BD7 #A278D0 #9566C9 #8A55C2 #7F45BB

#CBB5E5 - #A278D0 - #7F45BB

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBB5E5 0%, #A278D0 50%, #7F45BB 100%);
    background: -webkit-linear-gradient(top, #CBB5E5 0%, #A278D0 50%, #7F45BB 100%);
    background: linear-gradient(to bottom, #CBB5E5 0%, #A278D0 50%, #7F45BB 100%);
}
</style>