# How to introduce gradient into ellipse
**URL:** https://discourse.processing.org/t/how-to-introduce-gradient-into-ellipse/33863
**Category:** Coding Questions
**Created:** [December 1, 2021, 8:49pm UTC](https://discourse.processing.org/t/how-to-introduce-gradient-into-ellipse/33863 "2021-12-01T20:49:59Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@srb777](https://discourse.processing.org/u/srb777)
#### Post date: [December 1, 2021, 8:49pm UTC](https://discourse.processing.org/t/how-to-introduce-gradient-into-ellipse/33863/1 "2021-12-01T20:49:59Z")
Hi, I am learning to program with processing and I need help.I need to paint the balls with gradient, It has to look like this:
My code:
```auto
int columns = 20; // Número de columnes
int rows = 10; // Número de files
float diameter; // Diametre dels cercles
float width_columns, height_rows; // Amplada de les columnes i alçada de les files
int r = 255;
int g = 0;
int b = 0;
void setup() {
size(800, 400); // Mida del llenç
background(255); // Fons blanc
textSize(18); // Mida del text
fill(0); // Farcit del text
stroke(0); // Contorn del text
}
void draw() {
width_columns = width/columns; // Calculem l'amplada de les columnes
height_rows = height/rows; // Calculem l'alçada de les files
for(int i=0; i < rows; i++){ // Recorrem les files
for(int j=0; j < columns; j++){ // Recorrem les columnes
noStroke();
fill(r,g,b);
ellipse (j*width_columns + width_columns/4, i*height_rows + height_rows/2,40,40 );
for (int columns = 0; columns < width; columns++) {
for(int rows = 0; rows < height; rows++) {
}}
}}
}
```
How can I do it? Thank you so much!
---
### Author:  [@glv](https://discourse.processing.org/u/glv)
#### Post date: [December 1, 2021, 9:41pm UTC](https://discourse.processing.org/t/how-to-introduce-gradient-into-ellipse/33863/2 "2021-12-01T21:41:39Z")
Hello,
Please format your code:
[https://discourse.processing.org/faq#format-your-code](https://discourse.processing.org/faq#format-your-code)
_UPDATE_ Thanks for formatting!
Consider using:
[https://processing.org/reference/lerpColor\_.html](https://processing.org/reference/lerpColor_.html)
There is a Linear Gradient example in there!
Start first with lerping along the columns (or rows) from:
- from _c1_ to _c2_
- _amt_ is from _j_ to _columns_ which is _mapped_ from 0 to 1
It looks like you have two nested loops in your code; one is not used.
I only used one nested loop.
When you are ready think about the next step… this will require some thought!
`:)`