#5E143F - #D1BCC7 | colorate

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

Blend #5E143F to #D1BCC7

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

RGB混合

#5E143F - #D1BCC7 | colorate

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

0.0%	0.0% #5E143F	RGB 94 20 63	#5E143F
16.7%	16.7% #713055	RGB 113 48 85	#713055
33.3%	33.3% #844C6C	RGB 132 76 108	#844C6C
50.0%	50.0% #976883	RGB 151 104 131	#976883
66.7%	66.7% #AA8499	RGB 170 132 153	#AA8499
83.3%	83.3% #BDA0B0	RGB 189 160 176	#BDA0B0
100.0%	100.0% #D1BCC7	RGB 209 188 199	#D1BCC7

#5E143F #713055 #844C6C #976883 #AA8499 #BDA0B0 #D1BCC7

#5E143F - #D1BCC7

HSV混合

#5E143F - #D1BCC7 | colorate

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

0.0%	0.0% #5E133F	RGB 94 19 63	#5E133F
16.7%	16.7% #712550	RGB 113 37 80	#712550
33.3%	33.3% #843A63	RGB 132 58 99	#843A63
50.0%	50.0% #975479	RGB 151 84 121	#975479
66.7%	66.7% #AA7290	RGB 170 114 144	#AA7290
83.3%	83.3% #BD95AA	RGB 189 149 170	#BD95AA
100.0%	100.0% #D1BCC7	RGB 209 188 199	#D1BCC7

#5E133F #712550 #843A63 #975479 #AA7290 #BD95AA #D1BCC7

#5E143F - #975479 - #D1BCC7

CSS代码

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

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