This midnight to charcoal to aqua linear gradient is an editable CSS color system generated with OKLCH-aware perceptual interpolation, multi-stop fallback compilation, and Tailwind CSS utility export. It preserves chroma during transitions, reducing muddy gray midpoints while giving developers production-ready CSS and designers precise visual control.

Physics Preview Workspace

Perceptual CSS gradients without muddy midpoints.

Build layered linear, radial, conic, and mesh gradients using OKLCH, LAB, HCL, easing curves, blend modes, and fallback compilers.

White text

12.20:1

WCAG AA friendly

Black text

6.29:1

WCAG AA friendly

Pre-rendered CSS output

.prismforge-gradient {
  background: linear-gradient(135deg, #150934 0%, #172200 50%, #00fdff 100%);
  background: linear-gradient(135deg, #150934 0%, #140a35 4.5%, #0f0c37 9.1%, #031139 13.6%, #001738 18.2%, #001e31 22.7%, #002324 27.3%, #002516 31.8%, #00240a 36.4%, #0e2303 40.9%, #152201 45.5%, #172200 50%, #182501 54.5%, #1d2e05 59.1%, #234013 63.6%, #27592a 68.2%, #25794b 72.7%, #169d75 77.3%, #00bea1 81.8%, #00dac9 86.4%, #00eee7 90.9%, #00f9f9 95.5%, #00fdff 100%);
  background: linear-gradient(135deg in oklch, oklch(19.06% 0.0792 289.50) 0%, oklch(23.28% 0.0588 125.39) 50%, oklch(90.07% 0.1535 195.80) 100%);
  background-blend-mode: normal;
}

Full-width inspiration gallery

120 mathematically tuned gradient collections.

Each preset links to an indexable dynamic route with deterministic related gradients, metadata, crawlable anchors, and editable OKLCH controls.