#B5A8DF - #6A429E | colorate

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

Blend #B5A8DF to #6A429E

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

RGB混合

#B5A8DF - #6A429E | colorate

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

0.0%	0.0% #B5A8DF	RGB 181 168 223	#B5A8DF
16.7%	16.7% #A897D4	RGB 168 151 212	#A897D4
33.3%	33.3% #9C86C9	RGB 156 134 201	#9C86C9
50.0%	50.0% #8F75BE	RGB 143 117 190	#8F75BE
66.7%	66.7% #8364B3	RGB 131 100 179	#8364B3
83.3%	83.3% #7653A8	RGB 118 83 168	#7653A8
100.0%	100.0% #6A429E	RGB 106 66 158	#6A429E

#B5A8DF #A897D4 #9C86C9 #8F75BE #8364B3 #7653A8 #6A429E

#B5A8DF - #6A429E

HSV混合

#B5A8DF - #6A429E | colorate

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

0.0%	0.0% #B5A8DF	RGB 181 168 223	#B5A8DF
16.7%	16.7% #A593D4	RGB 165 147 212	#A593D4
33.3%	33.3% #9681C9	RGB 150 129 201	#9681C9
50.0%	50.0% #8A6FBE	RGB 138 111 190	#8A6FBE
66.7%	66.7% #7E5FB3	RGB 126 95 179	#7E5FB3
83.3%	83.3% #734FA8	RGB 115 79 168	#734FA8
100.0%	100.0% #6A429E	RGB 106 66 158	#6A429E

#B5A8DF #A593D4 #9681C9 #8A6FBE #7E5FB3 #734FA8 #6A429E

#B5A8DF - #8A6FBE - #6A429E

CSS代码

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

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