``` E8F3F7 ```el-table hover 颜色比 #3B81D8 浅，比#E8F3F7深。实现以上需求的css

在CSS中，如果你想设置`hover`状态下元素的颜色介于`#3B81D8`和`#E8F3F7`之间，你可以使用渐变（gradient）或混合颜色。这里我们推荐使用线性渐变（linear gradient），因为它能轻松地控制颜色过渡。

以下是一个例子，展示如何使用CSS渐变让`hover`效果颜色变化：

.el-table {
  background: linear-gradient(to right, #3B81D8, #E8F3F7);
}

.el-table:hover {
  background-position: right 100%;
}

在这个样式中，`.el-table`元素的背景从左到右由`#3B81D8`渐变至`#E8F3F7`。当鼠标悬停时（`:hover`伪类），背景位置会移动到最右侧，从而产生从浅到深的视觉效果。

如果你想要更精确的颜色控制，你还可以使用两个具体的颜色值，例如：

.el-table {
  background-color: #3B81D8;
  transition: background-color 0.3s ease; /* 添加平滑过渡 */
}

.el-table:hover {
  background-color: #E8F3F7;
}

但这种方法可能不会完全符合你所描述的“中间色调”，因为过渡会在两个固定颜色间均匀分布。渐变方法更为灵活。