Разница между градиентом и узором при оформлении фона документа заключается в характере изображения.

Градиент — это постепенное изменение цветов и оттенков, обычно от одного цвета до другого либо от одного оттенка до другого оттенка того же цвета. 5 Градиентный фон создаёт эффект плавного перехода, для создания такого эффекта обычно используют не более 3–4 близких оттенков. 2

Узор — это мелкий повторяющийся рисунок, который может создаваться с помощью цвета или простых форм, мельчайших образов предметов. 1 Особенность узоров в том, что они настолько мелкие, что обычно человеческий глаз их не замечает. 1 При этом узоры способны немного приподнять элементы сайта над холстом и позволить посетителям сосредоточиться на контенте. 1

Таким образом, градиент создаёт более гладкий и однородный фон, в то время как узор добавляет в дизайн мелкие элементы, которые могут создавать декоративный эффект и помогать акцентировать внимание на определённых элементах документа.