API for Codepen | Gradients.

gradient.json

{
  "data": [
    { 
      "name": "warmFlame", 
      "direction": "to right", 
      "colors": ["#ff9a9e", "#fad0c4"],
      "positions": ["0%", "100%"]
    },
    { 
      "name": "youngPassion", 
      "direction": "to right", 
      "colors": ["#ff8177", "#ff867a", "#ff8c7f", "#f99185", "#cf556c", "#b12a5b"],
      "positions": ["0%", "0%", "21%", "52%", "78%", "100%"]
    },
    { 
      "name": "newLife", 
      "direction": "to right", 
      "colors": ["#43e97b", "#38f9d7"],
      "positions": ["0%", "100%"]
    },
    { 
      "name": "ripeMalinka", 
      "direction": "to right", 
      "colors": ["#f093fb", "#f5576c"],
      "positions": ["0%", "100%"]
    },
    { 
      "name": "trueSunset", 
      "direction": "to right", 
      "colors": ["#fa709a", "#fee140"],
      "positions": ["0%", "100%"]
    },
    { 
      "name": "itmeoBranding", 
      "direction": "to right", 
      "colors": ["#2af598", "#009efd"],
      "positions": ["0%", "100%"]
    },
    { 
      "name": "mango", 
      "direction": "to right", 
      "colors": ["#ffe259", "#ffa751"],
      "positions": ["0%", "100%"]
    },
    {
      "name": "slightOceanView", 
      "direction": "to right", 
      "colors": ["#a8c0ff", "#3f2b96"],
      "positions": ["0%", "100%"]
    },
    {
      "name": "easyMed", 
      "direction": "to right", 
      "colors": ["#DCE35B", "#45B649"],
      "positions": ["0%", "100%"]
    },
    {
      "name": "sinCityRed", 
      "direction": "to right", 
      "colors": ["#ED213A", "#93291E"],
      "positions": ["0%", "100%"]
    }
  ]
}