css实现一条线两端不同颜色

在这里插入图片描述

line {
    
    
  width: 454px;
  height: 10px;
  background: linear-gradient(
    to right,
    #6198dd 0%,
    #6198dd 2%,
    rgba(97, 152, 221, 0.2) 2%,
    rgba(97, 152, 221, 0.2) 98%,
    #6198dd 98%,
    #6198dd 100%
  );
}