#5E3EA5 - #D1C7E5 | colorate

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

Blend #5E3EA5 to #D1C7E5

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

RGB混合

#5E3EA5 - #D1C7E5 | colorate

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

0.0%	0.0% #5E3EA5	RGB 94 62 165	#5E3EA5
16.7%	16.7% #7154AF	RGB 113 84 175	#7154AF
33.3%	33.3% #846BBA	RGB 132 107 186	#846BBA
50.0%	50.0% #9782C5	RGB 151 130 197	#9782C5
66.7%	66.7% #AA99CF	RGB 170 153 207	#AA99CF
83.3%	83.3% #BDB0DA	RGB 189 176 218	#BDB0DA
100.0%	100.0% #D1C7E5	RGB 209 199 229	#D1C7E5

#5E3EA5 #7154AF #846BBA #9782C5 #AA99CF #BDB0DA #D1C7E5

#5E3EA5 - #D1C7E5

HSV混合

#5E3EA5 - #D1C7E5 | colorate

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

0.0%	0.0% #5E3EA5	RGB 94 62 165	#5E3EA5
16.7%	16.7% #6E50AF	RGB 110 80 175	#6E50AF
33.3%	33.3% #7F64BA	RGB 127 100 186	#7F64BA
50.0%	50.0% #927AC5	RGB 146 122 197	#927AC5
66.7%	66.7% #A692CF	RGB 166 146 207	#A692CF
83.3%	83.3% #BBABDA	RGB 187 171 218	#BBABDA
100.0%	100.0% #D1C7E5	RGB 209 199 229	#D1C7E5

#5E3EA5 #6E50AF #7F64BA #927AC5 #A692CF #BBABDA #D1C7E5

#5E3EA5 - #927AC5 - #D1C7E5

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3EA5 0%, #927AC5 50%, #D1C7E5 100%);
    background: -webkit-linear-gradient(top, #5E3EA5 0%, #927AC5 50%, #D1C7E5 100%);
    background: linear-gradient(to bottom, #5E3EA5 0%, #927AC5 50%, #D1C7E5 100%);
}
</style>