<svg width="186" height="45" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:rgb(128,0,128);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(255,165,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <text x="50%" y="50%" font-family="Helvetica" font-size="18" fill="url(#gradient1)" font-weight="bold" text-anchor="middle" alignment-baseline="middle">Johns Creek</text>
</svg>