PrismForgeCSS Gradient Generator
This graphite to mint to mint conic 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.

SEO gradient page

graphite to mint to mint conic CSS gradient

Edit this gradient in the studio, copy production CSS, compare accessibility, and explore related color combinations generated from the same seed colors.

#3a1e30#67e09c#92bf74

Page tools

Edit gradientCopy CSS outputRelated gradients

Gradient guide

How to use this graphite to mint to mint gradient

This conic gradient can be used as a hero background, dashboard card treatment, app shell backdrop, social visual, or landing page accent. The color sequence is parsed directly from the URL, which means the page can be shared, indexed, and revisited.

The export system creates a standard CSS fallback, a perceptual multi-stop fallback, and a modern OKLCH declaration where appropriate. That makes the output useful for production interfaces, not just screenshots or static inspiration boards.

Use the related-gradient matrix below to explore adjacent hues, lightness shifts, and route variations. Each link is generated deterministically so search crawlers and users always see stable, crawlable internal links.

Interactive editor

Edit this gradient

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

6.23:1

WCAG AA friendly

Black text

8.02:1

WCAG AA friendly

Route

/gradient-generator/conic/3a1e30-67e09c-92bf74

Pre-rendered CSS output

.prismforge-gradient {
  background: conic-gradient(from 0deg at 50% 50%, #3a1e30 0%, #67e09c 50%, #92bf74 100%);
  background: conic-gradient(from 0deg at 50% 50%, #3a1e30 0%, #3e1f31 4.5%, #492434 9.1%, #5d2d36 13.6%, #773c33 18.2%, #915425 22.7%, #9f7615 27.3%, #9d9b2e 31.8%, #8eba58 36.4%, #7bd07d 40.9%, #6cdc94 45.5%, #67e09c 50%, #67e09b 54.5%, #69de98 59.1%, #6bdc92 63.6%, #70d98a 68.2%, #76d482 72.7%, #7ecf7b 77.3%, #86ca76 81.8%, #8cc575 86.4%, #8fc274 90.9%, #91c074 95.5%, #92bf74 100%);
  background: conic-gradient(from 0deg at 50% 50% in oklch, oklch(28.00% 0.0517 341.90) 0%, oklch(81.96% 0.1467 156.35) 50%, oklch(75.43% 0.1128 133.67) 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.

HolographicCyberpunkPastelDuotoneRetro 80sDark ModeAuroraGlassmorphismVaporwaveNatureLuxuryMinimal