We stand with Ukraine to help keep people safe. Join us
All Apps
Best AppsReviewsComparisonsHow-To
When you purchase through links on our site, we may earn an affiliate commission

Gradient for Mac

Streamlines the creation of CSS3 Gradients.

$4.99
In English
Version 1.1
4.6
Based on 4 user rates

Gradient overview

Gradient is a simple yet powerful tool to help you get rid of the clumsiness of vendor presets when it comes to creating CSS3 gradients.

How to use Gradient:

  • Pick the perfect color with Gradient's custom picker (or use the standard Colors window)
  • Adjust the value in RGB, HEX or HSL in the input pane
  • Use shortcuts to speed up your workflow and make CSS gradient creation as fast as it possibly can be
  • Choose between linear and radial gradients
  • Set the direction for linear gradients or the center position for radial ones
  • Fine tune the output to perfectly suit your needs and your coding style
More time-saving features are already in the works, like:
  • Multi-step Gradients
  • More positioning options
  • SASS output
Trust the experts:
  • "You won't find a Web designer alive who doesn't cringe at the process of creating CSS3 gradients for the various modern browsers and Internet Explorer. It's incredibly tedious, but, thanks to Gradient, this task now takes seconds!" - Jeffrey Way
  • "Writing out gradients by hand with all the appropriate vendor prefixes is tedious, error prone, and a waste of time. For simple two color gradients (the majority of use cases) Gradient App is the perfect tool." - Chris Coyier

What’s new in version 1.1

Version 1.1:
  • We finally added this new long-awaited output mode and you can choose it now from the Preferences pane.
  • Mind you, we're not talking about Compass only. It's the real deal:
    • SCSS with our own custom mixin you can copy and use
    • Compass optimized output

Gradient for Mac

$4.99
In English
Version 1.1
Write a detailed review about Gradient

Write your thoughts in our old-fashioned comment

MacUpdate Comment Policy. We strongly recommend leaving comments, however comments with abusive words, bullying, personal attacks of any type will be moderated.
4.6

(3 Reviews of Gradient)

  • Comments

  • User Ratings

Tim27
Tim27
Dec 27 2011
1.0
0.0
Dec 27 2011
0.0
Version: 1.0
I am not affiliated with either of these apps, but if you are going to buy this one trick pony, then I suggest paying just a little more and getting an app that can do more than just gradients: http://itunes.apple.com/us/app/css3-toolkit/id479856901?mt=12 Gradient is nice looking, but only does one thing. That one thing you can do for free (and actually better because Gradient does not support stops right now) by going to this site: http://www.colorzilla.com/gradient-editor/
anonymous-gerbil-5319
anonymous-gerbil-5319
Nov 30 2011
1.0
4.0
Nov 30 2011
4.0
Version: 1.0
Nice (and handy)!
B-Jefferson-Le-Blanc
B-Jefferson-Le-Blanc
Nov 30 2011
1.0
0.0
Nov 30 2011
0.0
Version: 1.0
This looks like a well made product, but without a trial version I'm not willing to gamble on it.
anonymous-gerbil-5319
anonymous-gerbil-5319
Nov 30 2011
4.0
Nov 30 2011
4.0
Version: null
Max-Roach
Max-Roach
Nov 30 2011
4.5
Nov 30 2011
4.5
Version: null
Yari
Yari
Nov 30 2011
5.0
Nov 30 2011
5.0
Version: null
Gummibearlab
Gummibearlab
Nov 30 2011
5.0
Nov 30 2011
5.0
Version: null