Make a CSS gradient

Build a CSS gradient from 2 or more colors with interpolation in OKLab, OKLCH or sRGB. Returns modern CSS with the color space, a fallback with precomputed stops for older browsers, and the stop colors. OKLab avoids the gray middle that sRGB gradients get.

post/api/v1/make-gradient

Request

  • Base URL: https://pickshade.com
  • URL: https://pickshade.com/api/v1/make-gradient
  • Auth: none declared

Request body

colorsstring[] required

Gradient stops in order, 2 to 12

kind'linear' | 'radial' | 'conic'
anglenumber

Angle in degrees for linear

space'oklab' | 'oklch' | 'srgb' | 'srgb-linear' | 'lab' | 'lch'
stopsinteger

How many precomputed stops the fallback gets

Response

Result

Changes

No recorded changes to this operation across all 1 revision of this API.