Gradient Generator API

POST https://api.findutils.com/api/tools/gradient-generator/execute

Generate a CSS linear, radial, or conic gradient from colour stops (2 to 10) and an angle, or from a preset (sunset, ocean, forest, fire, purple, cool). Returns the "background: ...;" rule, the bare gradient value, and the sorted colour stops.

Open the tool Try it

Request body

application/json

type

string optional

Gradient type. One of linear · radial · conic. Default "linear".
angle

number optional

Angle in degrees (0-360) for linear and conic gradients. Default 90. Default 90.
color_stops

array optional

Colour stops, 2 to 10 items: { color: "#rrggbb", position: 0-100 }. Default: #667eea at 0%, #764ba2 at 100%.
preset

string optional

Use a preset palette instead of color_stops (evenly spaced stops). One of sunset · ocean · forest · fire · purple · cool.
radial_shape

string optional

Radial only: shape. One of circle · ellipse. Default "circle".
radial_position

string optional

Radial only: position keyword or lengths, e.g. "center", "top left", "50% 50%". Default "center". Default "center".

Example arguments

Verified

{
  "type": "linear",
  "angle": 90,
  "color_stops": [
    {
      "color": "#667eea",
      "position": 0
    },
    {
      "color": "#764ba2",
      "position": 100
    }
  ]
}

curl -X POST https://api.findutils.com/api/tools/gradient-generator/execute \
  -H "Content-Type: application/json" \
  -d '{
    "type": "linear",
    "angle": 90,
    "color_stops": [
      {
        "color": "#667eea",
        "position": 0
      },
      {
        "color": "#764ba2",
        "position": 100
      }
    ]
  }'

const response = await fetch('https://api.findutils.com/api/tools/gradient-generator/execute', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({"type":"linear","angle":90,"color_stops":[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]}),
});
const data = await response.json();

import requests

response = requests.post(
    "https://api.findutils.com/api/tools/gradient-generator/execute",
    json={"type":"linear","angle":90,"color_stops":[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]},
)
data = response.json()

$ch = curl_init('https://api.findutils.com/api/tools/gradient-generator/execute');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"type":"linear","angle":90,"color_stops":[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]}',
    CURLOPT_RETURNTRANSFER => true,
]);
$data = json_decode(curl_exec($ch), true);

Also an MCP tool

Call gradient_generator from Claude, Cursor or any MCP client. Same arguments, same output.

https://mcp.findutils.com

MCP reference

Rate limit: 60 a minute, per IP
Auth: None
REST id: gradient-generator
MCP name: gradient_generator
Category: Generators
Machine-readable: openapi.json · markdown.md

Request body

Example arguments

More Generators tools

More to explore