#C6B5E7 - #895FCF | colorate

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

Blend #C6B5E7 to #895FCF

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

RGB混合

#C6B5E7 - #895FCF | colorate

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

0.0%	0.0% #C6B5E7	RGB 198 181 231	#C6B5E7
16.7%	16.7% #BBA6E3	RGB 187 166 227	#BBA6E3
33.3%	33.3% #B198DF	RGB 177 152 223	#B198DF
50.0%	50.0% #A78ADB	RGB 167 138 219	#A78ADB
66.7%	66.7% #9D7BD7	RGB 157 123 215	#9D7BD7
83.3%	83.3% #936DD3	RGB 147 109 211	#936DD3
100.0%	100.0% #895FCF	RGB 137 95 207	#895FCF

#C6B5E7 #BBA6E3 #B198DF #A78ADB #9D7BD7 #936DD3 #895FCF

#C6B5E7 - #895FCF

HSV混合

#C6B5E7 - #895FCF | colorate

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

0.0%	0.0% #C6B5E7	RGB 198 181 231	#C6B5E7
16.7%	16.7% #BAA5E3	RGB 186 165 227	#BAA5E3
33.3%	33.3% #B096DF	RGB 176 150 223	#B096DF
50.0%	50.0% #A588DB	RGB 165 136 219	#A588DB
66.7%	66.7% #9B79D7	RGB 155 121 215	#9B79D7
83.3%	83.3% #926CD3	RGB 146 108 211	#926CD3
100.0%	100.0% #895FCF	RGB 137 95 207	#895FCF

#C6B5E7 #BAA5E3 #B096DF #A588DB #9B79D7 #926CD3 #895FCF

#C6B5E7 - #A588DB - #895FCF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6B5E7 0%, #A588DB 50%, #895FCF 100%);
    background: -webkit-linear-gradient(top, #C6B5E7 0%, #A588DB 50%, #895FCF 100%);
    background: linear-gradient(to bottom, #C6B5E7 0%, #A588DB 50%, #895FCF 100%);
}
</style>