Design

Image Gradient Overlay

Add gradient overlay effects to images with customizable colors, directions, and blend modes

file· File resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

# 1) Upload each file first → returns { filePath }
curl -X POST 'https://api.elysiatools.com/upload/image-add-gradient' \
  -F 'file=@/path/to/imageFile.ext'

# 2) Call the tool with the returned filePath values
curl -X POST 'https://api.elysiatools.com/en/api/tools/image-add-gradient' \
  -F 'imageFile=/path/to/file.ext' \
  -F 'gradientType=linear' \
  -F 'startColor=#000000' \
  -F 'endColor=#ffffff' \
  -F 'direction=45' \
  -F 'opacity=0.5' \
  -F 'blendMode=over' \
  -F 'outputFormat=png' \
  -F 'quality=90'

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/image-add-gradient

Parameters

Name	Type	Required	Description
imageFile	fileupload required	Yes	Image to apply gradient overlay
gradientType	select	No	Type of gradient to apply
startColor	color	No	Starting color of the gradient
endColor	color	No	Ending color of the gradient
direction	number	No

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-image-add-gradient": {
      "name": "image-add-gradient",
      "description": "Add gradient overlay effects to images with customizable colors, directions, and blend modes",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=image-add-gradient",
      "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": "image-add-gradient",
    "arguments": {
  "imageFile": "https://example.com/file.ext",
  "gradientType": "linear",
  "startColor": "#000000",
  "endColor": "#ffffff",
  "direction": 45,
  "opacity": 0.5,
  "blendMode": "over",
  "outputFormat": "png",
  "quality": 90
}
  }
}

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).