Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.
I am trying to reproduce this hard transition of colors with the gradient tool.
I had this gradient:
And what I need was hard transition between of the colors like here -
What is the trick to achieve this hard stop?
Use the location field.
Make two points the same value. That way there is no transition between points.
Add an additional colour stop. In your second screenshot, the right stop is actually two at exactly the same spot.
You will achieve a hard transition if you use these:
I used this method to create a slight blend between the colors.
Red at 0%, Red at 18%
Purple at 20%, Purple at 38%
Yellow at 40%, Yellow at 58%
Green at 60%, Green at 78%
Blue at 80%, Blue at 100%
Required, but never shown