vetkastar/gradient-overlay

vetkastar / gradient-overlay

Public
2.5K runs

Run vetkastar/gradient-overlay with an API

Use one of our client libraries to get started quickly. Clicking on a library will take you to the Playground tab where you can tweak different inputs, see the results, and copy the corresponding code to use in your own project.

Input schema

The fields you can use to run this model with an API. If you don't give a value for a field its default value will be used.

Field	Type	Default value	Description
image	string		Upload the image to which the gradient will be applied.
gradient_type	string (enum)	Options: linear, radial	Choose the gradient type: linear or radial.
start_color	string		Starting color of the gradient in HEX format (e.g., #FF0000 for red). Leave empty for transparent.
end_color	string		Ending color of the gradient in HEX format (e.g., #0000FF for blue). Leave empty for transparent.
angle	integer	0 Max: 360	Angle of the gradient in degrees (0 to 360).
opacity	integer	50 Max: 100	Overall opacity of the gradient from 0 to 100.
color_boundary	integer	50 Max: 100	Position of the boundary between start and end colors (0 to 100).
gradient_only	boolean	False	If enabled, outputs only the gradient without overlaying on the original image.

{
  "type": "object",
  "title": "Input",
  "required": [
    "image",
    "gradient_type"
  ],
  "properties": {
    "angle": {
      "type": "integer",
      "title": "Angle",
      "default": 0,
      "maximum": 360,
      "minimum": 0,
      "x-order": 4,
      "description": "Angle of the gradient in degrees (0 to 360)."
    },
    "image": {
      "type": "string",
      "title": "Image",
      "format": "uri",
      "x-order": 0,
      "description": "Upload the image to which the gradient will be applied."
    },
    "opacity": {
      "type": "integer",
      "title": "Opacity",
      "default": 50,
      "maximum": 100,
      "minimum": 0,
      "x-order": 5,
      "description": "Overall opacity of the gradient from 0 to 100."
    },
    "end_color": {
      "type": "string",
      "title": "End Color",
      "x-order": 3,
      "description": "Ending color of the gradient in HEX format (e.g., #0000FF for blue). Leave empty for transparent."
    },
    "start_color": {
      "type": "string",
      "title": "Start Color",
      "x-order": 2,
      "description": "Starting color of the gradient in HEX format (e.g., #FF0000 for red). Leave empty for transparent."
    },
    "gradient_only": {
      "type": "boolean",
      "title": "Gradient Only",
      "default": false,
      "x-order": 7,
      "description": "If enabled, outputs only the gradient without overlaying on the original image."
    },
    "gradient_type": {
      "enum": [
        "linear",
        "radial"
      ],
      "type": "string",
      "title": "gradient_type",
      "description": "Choose the gradient type: linear or radial.",
      "x-order": 1
    },
    "color_boundary": {
      "type": "integer",
      "title": "Color Boundary",
      "default": 50,
      "maximum": 100,
      "minimum": 0,
      "x-order": 6,
      "description": "Position of the boundary between start and end colors (0 to 100)."
    }
  }
}

Output schema

The shape of the response you’ll get when you run this model with an API.

Schema

{
  "type": "string",
  "title": "Output",
  "format": "uri"
}