Skip to content
Index730 resources
Colorion Gradients

Colorion Gradients

37 hand-picked two-stop CSS gradients, one click to copy the CSS

Tier C · WeakColor ToolGalleryGeneratorgradients.colorion.co

(Visit gradients.colorion.co ↗)
Preview image from gradients.colorion.co

A single static page by Csaba Kissi holding 37 hand-curated two-stop CSS3 background gradients. Each swatch shows its two hex values, lets you change the gradient direction, and copies the generated linear-gradient() CSS to the clipboard on click. There is nothing else — no accounts, no search, no tags, no API, no multi-stop or radial support — which makes it fast to skim and quick to exhaust.

For an agent

Low priority — reach for Grabient instead for anything gradient-related, since it has semantic search, six render styles, multi-stop control and a documented API, while this is 37 fixed two-stop pairs. The one thing it does well is that the whole set is plain server-rendered Astro HTML, so a single curl gives you all 37 hex pairs at once with no JS and no rate limit; that makes it a cheap offline seed list when you just need a handful of tasteful two-colour gradients. No licence is stated anywhere on the page, so do not tell a user the CSS is safe for commercial redistribution as a bundled asset pack.

Why it is here. A tiny, honest single-page tool from the pre-AI era of dev utilities — still useful precisely because it is fully readable in one request, but far outclassed by anything with search or multi-stop support.

Install command, framework, licence and component list.

Facts

License
Unknown
Pricing
Free
Framework
Not applicable
Styling
Vanilla CSS
Distribution
Web app / online tool, Copy-paste snippet
Platform
Web
Content type
Code, Design tokens / theme files
Agent readiness
Copy-paste ready code
Accessibility
Not applicable
Maturity
Stable
Pricing detail
Free, no account, no ads.

Components it ships

1
Gradient Background

Notable for

  • 37 curated two-stop gradients on one static page
  • Direction control with one-click CSS copy
  • Entire dataset readable in a single curl (static Astro build)
  • No account, no ads, no tracking

Provenance

Verified 2026-08-15. HTTP 200. https://gradients.colorion.co (WebFetch, plus a curl DOM parse that counted 37 unique inline linear-gradient declarations and confirmed the Astro static build and the Csaba Kissi credit)

Also in Color

6
gradients.colorion.coTier C