<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Градиент</title>
  <style>
   .h1 {
    background-image: linear-gradient(to left, orange -20pt, magenta 0%, yellow,  teal 100%, orange 120%); width: 500pt; height: 100pt;
   }
  </style>
 </head>
 <body style="background-image: linear-gradient(to right, orange -20pt, magenta 0%, yellow,  teal 100%, orange 120%); width: 500pt; height: 100pt;">
  <h1 class="h1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temp