Design

Color Gradient Generator

Generate smooth color gradients between multiple colors with customizable steps and formats

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

curl -X POST 'https://api.elysiatools.com/en/api/tools/color-gradient-generator' \
  -H 'Content-Type: application/json' \
  -d '{"startColor":"Enter start color (e.g., #FF0000 or rgb(255, 0, 0))","endColor":"Enter end color (e.g., #0000FF or rgb(0, 0, 255))","steps":5,"format":"hex","direction":"linear","includeCSS":true,"includePreview":false}'

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP

POST https://api.elysiatools.com/en/api/tools/color-gradient-generator

Parameters

Name	Type	Required	Description
startColor	text	Yes	—
endColor	text	Yes	—
steps	number	No	—
format	select	Yes	—
direction	select	Yes	—
includeCSS

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json

{
  "mcpServers": {
    "elysiatools-color-gradient-generator": {
      "name": "color-gradient-generator",
      "description": "Generate smooth color gradients between multiple colors with customizable steps and formats",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=color-gradient-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "color-gradient-generator",
    "arguments": {
  "startColor": "Enter start color (e.g., #FF0000 or rgb(255, 0, 0))",
  "endColor": "Enter end color (e.g., #0000FF or rgb(0, 0, 255))",
  "steps": 5,
  "format": "hex",
  "direction": "linear",
  "includeCSS": true,
  "includePreview": false
}
  }
}

Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Questions or issues? Contact [email protected]

Browse tools Open tool