# Ochre to Burlywood gradient

Ochre (#cc7722) to Burlywood (#deb887), interpolated perceptually. The engine's pick for this pair is oklab.

- Page: https://brandsweets.com/gradients/ochre-to-burlywood
- Colors: https://brandsweets.com/colors/ochre, https://brandsweets.com/colors/burlywood
- Reverse: https://brandsweets.com/gradients/burlywood-to-ochre

## OKLab

- CSS: `linear-gradient(135deg in oklab, #cc7722 0%, #deb887 100%)`
- Tailwind: `bg-linear-to-br/oklab from-[#cc7722] to-[#deb887]`
- Contrast (worst point): white 1.86:1 fail · black 6.23:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc7722-deb887?a=135

## OKLCH (shorter hue)

- CSS: `linear-gradient(135deg in oklch shorter hue, #cc7722 0%, #deb887 100%)`
- Tailwind: `bg-linear-to-br/oklch from-[#cc7722] to-[#deb887]`
- Contrast (worst point): white 1.86:1 fail · black 6.23:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc7722-deb887?a=135&in=oklch&hue=shorter

## Eased (soft)

- CSS: `linear-gradient(135deg in oklab, #cc7722 0%, #cc7824 8.28%, #cd7b2a 16.03%, #cf7f32 23.35%, #d0843c 30.32%, #d28a46 37.03%, #d49150 43.56%, #d6985a 50%, #d89f64 56.44%, #daa56d 62.97%, #dbab76 69.68%, #dcb07d 76.65%, #ddb482 83.97%, #deb786 91.72%, #deb887 100%)`
- Tailwind: `bg-[linear-gradient(135deg_in_oklab,#cc7722_0%,#cc7824_8.28%,#cd7b2a_16.03%,#cf7f32_23.35%,#d0843c_30.32%,#d28a46_37.03%,#d49150_43.56%,#d6985a_50%,#d89f64_56.44%,#daa56d_62.97%,#dbab76_69.68%,#dcb07d_76.65%,#ddb482_83.97%,#deb786_91.72%,#deb887_100%)]`
- Contrast (worst point): white 1.86:1 fail · black 6.23:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc7722-deb887?a=135&e=soft&n=15

## Mesh

- CSS: `radial-gradient(circle farthest-corner at 40.54% 6.89%, oklch(from #cc7722 l c h / 0.8685) 0%, rgb(from #cc7722 r g b / 0) 46.28%), radial-gradient(circle farthest-corner at 20.44% 63.81%, oklch(from #deb887 l c h / 0.7898) 0%, rgb(from #deb887 r g b / 0) 49.71%)`
- Tailwind: `bg-[radial-gradient(circle_farthest-corner_at_40.54%_6.89%,oklch(from_#cc7722_l_c_h_/_0.8685)_0%,rgb(from_#cc7722_r_g_b_/_0)_46.28%),radial-gradient(circle_farthest-corner_at_20.44%_63.81%,oklch(from_#deb887_l_c_h_/_0.7898)_0%,rgb(from_#deb887_r_g_b_/_0)_49.71%)]`
- Contrast (worst point): white 2.32:1 fail · black 7.51:1 AA · banding high
- Maker: https://brandsweets.com/gradients/new/v1.cc7722-deb887?k=mesh&seed=ochre-to-burlywood

## Gradient maker

Every maker URL is the gradient's state: `/gradients/new/v1.<hex>-<hex>[_pos]?a=135&in=oklch&hue=shorter&e=soft&g=8`. Hand one to a human, let them refine, and read the link they return.

## Connect an agent

Point any MCP client at the BrandSweets gradients endpoint for the same engine and corpus:

- Endpoint: https://mcp.brandsweets.com/gradients/mcp
- Tools: `make_gradient` (2–5 colours → CSS with the interpolation space, Tailwind v4, SVG, PNG URL, DTCG token + the contrast/banding/gamut report), `brand_gradients` (brand slug or palette → brand gradient, hero, button, variants).
- Resource: `gradients://corpus` — the whole bundled corpus as JSON.