#BBB5E7 - #6E4EBB | colorate

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

Blend #BBB5E7 to #6E4EBB

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

RGB混合

#BBB5E7 - #6E4EBB | colorate

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

0.0%	0.0% #BBB5E7	RGB 187 181 231	#BBB5E7
16.7%	16.7% #AEA3DF	RGB 174 163 223	#AEA3DF
33.3%	33.3% #A192D8	RGB 161 146 216	#A192D8
50.0%	50.0% #9481D1	RGB 148 129 209	#9481D1
66.7%	66.7% #8770C9	RGB 135 112 201	#8770C9
83.3%	83.3% #7A5FC2	RGB 122 95 194	#7A5FC2
100.0%	100.0% #6E4EBB	RGB 110 78 187	#6E4EBB

#BBB5E7 #AEA3DF #A192D8 #9481D1 #8770C9 #7A5FC2 #6E4EBB

#BBB5E7 - #6E4EBB

HSV混合

#BBB5E7 - #6E4EBB | colorate

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

0.0%	0.0% #BBB5E7	RGB 187 181 231	#BBB5E7
16.7%	16.7% #AAA1DF	RGB 170 161 223	#AAA1DF
33.3%	33.3% #9C8FD8	RGB 156 143 216	#9C8FD8
50.0%	50.0% #8E7DD1	RGB 142 125 209	#8E7DD1
66.7%	66.7% #826CC9	RGB 130 108 201	#826CC9
83.3%	83.3% #775CC2	RGB 119 92 194	#775CC2
100.0%	100.0% #6E4EBB	RGB 110 78 187	#6E4EBB

#BBB5E7 #AAA1DF #9C8FD8 #8E7DD1 #826CC9 #775CC2 #6E4EBB

#BBB5E7 - #8E7DD1 - #6E4EBB

CSS代码

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

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