Skip to content

Instantly share code, notes, and snippets.

@michellejl
Forked from wking-io/gradient.json
Last active Aug 30, 2018
Embed
What would you like to do?
API for Codepen | Gradients.
{
"data": [
{
"name": "coolBlue",
"direction": "45deg",
"colors": ["#1e5799", "#7db9e8"],
"positions": ["0%", "100%"]
},
{
"name": "pinkBlue",
"direction": "45deg",
"colors": ["#f093fb", "#8fd3f4"],
"positions": ["0%", "100%"]
},
{
"name": "flamingo",
"direction": "45deg",
"colors": ["#ff9a9e", "#fad0c4"],
"positions": ["0%", "100%"]
},
{
"name": "getYourPinkOn",
"direction": "45deg",
"colors": ["#ff867a", "#b12a5b"],
"positions": ["0%", "100%"]
},
{
"name": "aqua",
"direction": "45deg",
"colors": ["#84fab0", "#8fd3f4"],
"positions": ["0%", "100%"]
},
{
"name": "brightAqua",
"direction": "45deg",
"colors": ["#2af598", "#009efd"],
"positions": ["0%", "100%"]
},
{
"name": "warmPink",
"direction": "45deg",
"colors": ["#f093fb", "#f5576c"],
"positions": ["0%", "100%"]
},
{
"name": "sunrise",
"direction": "45deg",
"colors": ["#fee140", "#fa709a"],
"positions": ["0%", "100%"]
},
{
"name": "earlySunSet",
"direction": "45deg",
"colors": ["#667eea", "#fa709a"],
"positions": ["0%", "100%"]
},
{
"name": "yellowBlue",
"direction": "45deg",
"colors": ["#f9d531", "#7db9e8"],
"positions": ["0%", "100%"]
},
{
"name": "lime",
"direction": "45deg",
"colors": ["#eff931", "#47ef66"],
"positions": ["0%", "100%"]
},
{
"name": "sexyBlue",
"direction": "45deg",
"colors": ["#2193b0", "#6dd5ed"],
"positions": ["0%", "100%"]
},
{
"name": "eXpresso",
"direction": "45deg",
"colors": ["#ad5389", "#3c1053"],
"positions": ["0%", "100%"]
},
{
"name": "pureLust",
"direction": "45deg",
"colors": ["#333333", "#dd1818"],
"positions": ["0%", "100%"]
},
{
"name": "mini",
"direction": "45deg",
"colors": ["#30e8bf", "#ff8235"],
"positions": ["0%", "100%"]
},
{
"name": "timber",
"direction": "45deg",
"colors": ["#fc00ff", "#00dbde"],
"positions": ["0%", "100%"]
},
{
"name": "newLife",
"direction": "45deg",
"colors": ["#43e97b", "#38f9d7"],
"positions": ["0%", "100%"]
},
{
"name": "plumPlate",
"direction": "45deg",
"colors": ["#667eea", "#764ba2"],
"positions": ["0%", "100%"]
},
{
"name": "itmeoBranding",
"direction": "45deg",
"colors": ["#2af598", "#009efd"],
"positions": ["0%", "100%"]
},
{
"name": "deepBlue",
"direction": "45deg",
"colors": ["#6a11cb", "#2575fc"],
"positions": ["0%", "100%"]
},
{
"name": "primary",
"direction": "45deg",
"colors": ["#05a7ff", "#eaff05", "#e00000"],
"positions": ["1%", "51%", "100%"]
},
{
"name": "yellowToBlue",
"direction": "45deg",
"colors": ["#eff931", "#47ef66", "#4988f4"],
"positions": ["0%", "50%", "100%"]
},
{
"name": "weddingDay",
"direction": "45deg",
"colors": ["#40e0d0", "#ff8c00", "#ff0080"],
"positions": ["0%", "50%", "100%"]
},
{
"name": "fire",
"direction": "45deg",
"colors": ["#f2ea00", "#ff6600", "#e20700"],
"positions": ["0%", "53%", "92%"]
},
{
"name": "heatingUp",
"direction": "45deg",
"colors": ["#ef8204", "#c44703", "#8f0222", "#6d0019"],
"positions": ["1%", "26%", "64%", "100%"]
},
{
"name": "ice",
"direction": "45deg",
"colors": ["#cedbe9", "#aac5de", "#6199c7", "#3a8bc2", "#26558b"],
"positions": ["0%", "17%", "50%", "83%", "100%"]
},
{
"name": "youngPassion",
"direction": "45deg",
"colors": ["#ff8177", "#ff867a", "#ff8c7f", "#f99185", "#cf556c", "#b12a5b"],
"positions": ["0%", "0%", "21%", "52%", "78%", "100%"]
},
{
"name": "rainbow",
"direction": "45deg",
"colors": ["#ff05cd", "#ba04f2", "#05a7ff", "#04f414", "#eaff05", "#f4b004", "#e00000"],
"positions": ["0%", "14%", "41%", "59%", "75%", "89%", "100%"]
},
{
"name": "icy",
"direction": "45deg",
"colors": ["#cedbe9", "#aac5de", "#6199c7", "#419ad6", "#4bb8f0", "#3a8bc2", "#26558b"],
"positions": ["0%", "17%", "42%", "59%", "71%", "84%", "100%"]
},
{
"name": "sweetPeriod",
"direction": "45deg",
"colors": ["#3f51b1", "#5a55ae", "#7b5fac", "#8f6aae", "#a86aa4", "#cc6b8e", "#f18271", "#f3a469", "#f7c978"],
"positions": ["0%", "13%", "25%", "38%", "50%", "62%", "75%", "87%", "100%"]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment