Gradient Library — 10 Presets and 36 Two-Colour Recipes

Two ways in: the ten named presets the generator ships with, and a set of two-colour recipes written as from and to — the way people actually ask for a gradient. Every page carries the exact CSS, the stop table, the angle variants and the contrast numbers you need before putting text on top.

Presets

Sunset Orangelinear · 2 stops Ocean Bluelinear · 2 stops Mint Forestlinear · 2 stops Candy Purplelinear · 2 stops Peach Creamlinear · 2 stops Aurora Mintlinear · 2 stops Liquid Goldlinear · 2 stops Midnight Steellinear · 2 stops Rose Dustradial · 2 stops Ray Sweepconic · 5 stops

Two-colour recipes

Each of these is a single pair of hex values with a fixed 135° axis, plus the radial and conic versions of the same pair.

Blue → Purple Purple → Pink Pink → Orange Orange → Yellow Yellow → Green Green → Teal Teal → Blue Black → White Gray → Black White → Gray Red → Orange Red → Purple Navy → Teal Indigo → Cyan Violet → Pink Fuchsia → Yellow Crimson → Gold Mint → Sky Blue Lime → Cyan Peach → Pink Gold → White Black → Blue Black → Purple Black → Red White → Blue White → Purple White → Pink Sky Blue → Purple Teal → Purple Green → Blue Orange → Red Yellow → Pink Red → Black Cyan → Purple Navy → Gold White → Green