This emerald to lime to white radial 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

3.62:1

Needs overlay

Black text

10.57:1

WCAG AA friendly

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #255d21 0%, #a9d21c 50%, #ffe1e1 100%);
  background: radial-gradient(circle at 50% 45%, #255d21 0%, #265f21 4.5%, #2b6521 9.1%, #336f20 13.6%, #407e1e 18.2%, #518f19 22.7%, #67a114 27.3%, #7db212 31.8%, #90c014 36.4%, #9eca18 40.9%, #a6d01b 45.5%, #a9d21c 50%, #aed119 54.5%, #becf16 59.1%, #d4cc22 63.6%, #ecc840 68.2%, #ffc666 72.7%, #ffc88e 77.3%, #ffceb0 81.8%, #ffd5c9 86.4%, #ffdcd8 90.9%, #ffe0df 95.5%, #ffe1e1 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(42.62% 0.1090 142.27) 0%, oklch(80.55% 0.1915 122.96) 50%, oklch(93.43% 0.0332 17.76) 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.