Gradient Generator

Generators REST API MCP

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.

This page documents the HTTP endpoint POST /api/tools/gradient-generator/execute. See the MCP reference →

Use in the browser View as Markdown

Call it over REST

POST https://api.findutils.com/api/tools/gradient-generator/execute · no API keys · 60 requests/min per IP

Execute — verified arguments

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
      }
    ]
  }'

Parameter schema for this endpoint

curl https://api.findutils.com/api/tools/gradient-generator

Interactive docs · OpenAPI 3.1 spec · All REST tools

Input schema

Argument	Type	Required	Description
type	string (linear \| radial \| conic)	no	Gradient type. Default: "linear".
angle	number	no	Angle in degrees (0-360) for linear and conic gradients. Default 90. Default: 90.
color_stops	array	no	Colour stops, 2 to 10 items: { color: "#rrggbb", position: 0-100 }. Default: #667eea at 0%, #764ba2 at 100%.
preset	string (sunset \| ocean \| forest \| fire \| purple \| cool)	no	Use a preset palette instead of color_stops (evenly spaced stops).
radial_shape	string (circle \| ellipse)	no	Radial only: shape. Default: "circle".
radial_position	string	no	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
    }
  ]
}

Also an MCP tool

Claude, Cursor, and any MCP client can call this tool as findutils:gradient_generator after one connect command.

Connect once

claude mcp add findutils --transport http https://mcp.findutils.com/

Open the MCP reference for Gradient Generator →

More Generators tools

Barcode Generator

Generate a 1D barcode as an SVG string from text.

Box Shadow Generator

Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft,

Caption Generator

Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills in the

Color Palette Generator

Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary, or monochroma

Css Animation Generator

Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such as fad

Glassmorphism Generator

Generate the CSS for a glassmorphism (frosted glass) card: semi-transparent background, backdrop-filter blur and saturation (with the -webki

Hashtag Generator

Generate relevant hashtags from keywords using a built-in, rule-based database (no AI): matches keywords against topic categories, scores po

Linkedin Post Generator

Assemble a LinkedIn post from a hook, a body, a call to action and hashtags, or from one of seven built-in templates (thought leadership, st