<!DOCTYPE html> 
<head> 
<title>Gradient Text</title> 
</head> 
<body>
 <h1>A Title with Gradient Colors</h1> 
</body> 
</html>
html{
  background-color:black;
}
h1 {
  font-size: 72px;
  font-family:sans-serif;
  text-align:center;
  background: -webkit-linear-gradient(#0040ff, #00ffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
// No JS

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.