2 colors in background y?

Question

css

Hello, is it possible to somehow change the background color not to 50/50, but for example 10% of one color 90% of another?
I tried it with linear-gradient and it turned out to be a gradient in the literal sense.

Answer 1

.loading {
  --percent: 10%;
  background: linear-gradient(90deg, rgba(0,200,0,1) var(--percent), rgba(255,255,255,1) var(--percent)); 
}

Answer 2

background: linear-gradient(90deg, rgba(245,102,0,1) 10%, rgba(160,24,177,1) 10%);

https://cssgradient.io/