.test{
	margin:10px;
	width:200px;
	height:200px;
}
.test1{
	background:linear-gradient(  180deg  , rgb( 255 , 0 , 0 )    0 , var(  --color , yellow )    100% );
}
.test2{
	background:linear-gradient(180deg,rgb(255,0,0)0,var(--color,lightgreen)100%);
}