# How to make a Noisy Grain Gradient

**URL:** https://discourse.processing.org/t/how-to-make-a-noisy-grain-gradient/21522
**Category:** Coding Questions
**Created:** [June 3, 2020, 9:47am UTC](https://discourse.processing.org/t/how-to-make-a-noisy-grain-gradient/21522 "2020-06-03T09:47:19Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![antoniofrom1984](https://avatars.discourse-cdn.com/v4/letter/a/5fc32e/32.png) [@antoniofrom1984](https://discourse.processing.org/u/antoniofrom1984)
#### Post date: [June 3, 2020, 9:47am UTC](https://discourse.processing.org/t/how-to-make-a-noisy-grain-gradient/21522/1 "2020-06-03T09:47:19Z")

</div>

Hello all,  
i am aware of lerp color, but i’m wondering if it’s possible to do a noisy gradient like the image, and apply to several elements, say a wall of shapes. i wondered if Pixels function was the way to do it, but i couldn’t make it work specially applying to other images.

thank you very much.

 ![Screenshot 2020-06-03 at 10.42.34](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/49dce858d13d083a163b0c3ce15bc8c9833705af.png)

---

<div class="post-metadata">

### Author: ![Sven](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/sven/32/8293_2.png) [@Sven](https://discourse.processing.org/u/Sven)
#### Post date: [June 3, 2020, 10:13am UTC](https://discourse.processing.org/t/how-to-make-a-noisy-grain-gradient/21522/2 "2020-06-03T10:13:05Z")

</div>

Hello @antoniofrom1984!

There’s probably a handful of different strategies to achieve those noisy gradients. What was it that didn’t work with your approach? If you share your code, we can reason about it together.

Maybe you can get inspiration from this thread on Stack Overflow:

> <https://stackoverflow.com/questions/61565188/noisy-gradient-in-p5-js>

Or try translating the Photoshop workflows described in this article to p5.js code:

> **[How to create noisy, risograph-style gradients and textures in Photoshop in 3...](https://medium.com/@stefanhrlemann/how-to-create-noisy-risograph-style-gradients-and-textures-in-photoshop-in-3-ways-394d6012a93a)**
>
> Originally published at Stefan Hürlemann — Designer.
