nowfound

Work · March 4, 2021

Gradient Generator

Create perceptually smooth gradients of all types

Gradient Generator launched on March 4, 2021 with 78 votes, #652 of 3,696 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 5 years on.

Visit learnui.design ↗Gradient Generator alternativestop 18% of March 2021

What it does

Easily create linear, radial, and conic gradients that avoid the dreaded "gray zone" in the middle of many gradients. Export as CSS or SVG.

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).

Your design tool is making your gradients look worse 😬. Whenever you try to create a gradient across a wide range of hues in Figma, Photoshop, etc, you often will see a gray dead zone in the middle of your gradient. Here's an example: If you want your gradient to avoid the dreaded gray dead zone, you have to interpolate by drawing a biiiig curve from A to B (not a straight line). ANNND this tool does that in 8 different color spaces – 6 of which are “perceptually uniform”. Why does perceptually uniform matter? It prevents your gradients from “banding”, i.e. having noticeably darker or brighter stripes along the length of the gradient. Here’s what that looks like: Currently, you can create…from learnui.design

Does a similar job

all alternatives →
  • Gradient Generator v22024 · learnui.design · ▲110

    Create gorgeous gradients in 8 color spaces

  • CSS Gradient Generator2024 · cssgradientgenerator.com · ▲237

    Generate and make beautiful colors

  • CSS Color Gradient Generator2020 · mybrandnewlogo.com · ▲208

    A novel and easy way to design beautiful color gradients.

  • CSS Gradient2018 · cssgradient.io · ▲410

    A simple, colorful gradient generator

  • Blend2015 · colinkeany.com · ▲263

    Generate simple and beautiful CSS3 gradients

  • Gradienty2015 · gradienty.xyz · ▲100

    Gradient generator and gallery updated hourly

More work this month

the category →

Source: Product Hunt launch ↗

Launched alongside, March 2021

the whole month →
  • Ghost 4.0▲1,100

    Newsletters, memberships, subscriptions - all in one place

    Dev tools · 2021 · ghost.org

  • I wrote a book about Go▲919

    Life & fun · 2021 · practical-go-lessons.com

  • OpenVC▲903

    2,200+ VC firms by thesis. Radically free and open. 🚀

    Dev tools · 2021 · openvc.app

  • First 1000▲652

    Case studies on how companies got their first 1000 customers

    Growth · 2021 · first1000.co

  • Svelte NodeGUI, a lightweight Electron alternative with native UI▲624

    Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀 - nodegui/svelte-nodegui

    Life & fun · 2021 · github.com

  • Video Game in a Font▲605

    Life & fun · 2021 · coderelay.io