#5E5AD6 - #CEB4EB | colorate

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

Blend #5E5AD6 to #CEB4EB

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

RGB混合

#5E5AD6 - #CEB4EB | colorate

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

0.0%	0.0% #5E5AD6	RGB 94 90 214	#5E5AD6
16.7%	16.7% #7069D9	RGB 112 105 217	#7069D9
33.3%	33.3% #8378DD	RGB 131 120 221	#8378DD
50.0%	50.0% #9687E0	RGB 150 135 224	#9687E0
66.7%	66.7% #A896E4	RGB 168 150 228	#A896E4
83.3%	83.3% #BBA5E7	RGB 187 165 231	#BBA5E7
100.0%	100.0% #CEB4EB	RGB 206 180 235	#CEB4EB

#5E5AD6 #7069D9 #8378DD #9687E0 #A896E4 #BBA5E7 #CEB4EB

#5E5AD6 - #CEB4EB

HSV混合

#5E5AD6 - #CEB4EB | colorate

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

0.0%	0.0% #5E5AD6	RGB 94 90 214	#5E5AD6
16.7%	16.7% #7367D9	RGB 115 103 217	#7367D9
33.3%	33.3% #8876DD	RGB 136 118 221	#8876DD
50.0%	50.0% #9C85E0	RGB 156 133 224	#9C85E0
66.7%	66.7% #AE94E4	RGB 174 148 228	#AE94E4
83.3%	83.3% #BEA3E7	RGB 190 163 231	#BEA3E7
100.0%	100.0% #CEB4EB	RGB 206 180 235	#CEB4EB

#5E5AD6 #7367D9 #8876DD #9C85E0 #AE94E4 #BEA3E7 #CEB4EB

#5E5AD6 - #9C85E0 - #CEB4EB

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5AD6 0%, #9C85E0 50%, #CEB4EB 100%);
    background: -webkit-linear-gradient(top, #5E5AD6 0%, #9C85E0 50%, #CEB4EB 100%);
    background: linear-gradient(to bottom, #5E5AD6 0%, #9C85E0 50%, #CEB4EB 100%);
}
</style>