Градиент с позицией цвета

by webref

HTML

<div>Тоже уродливый градиент, но тут важна идея.</div>

CSS

div { 
 background-image: linear-gradient(orange, grey 10%, yellow 50%);
 width: 150px; 
 padding: 10px;
}