# Demo Lerp Colors

![](/files/-M0-KfCqIlmuMGIK-P7i)

```java
void setup(){
  background(0);
  size( 600,600);
  colorMode(HSB, 360,100,100);
  int size=40;

  color c1Start = color(180, 100,100); //bright cyan
  color c1End = color(75, 90, 70); //pea green
  demoLerp( 0,0,50, c1Start, c1End);

  translate( 0, 150);
  color c2Start = color(310, 100,100); // magenta
  color c2End = color(290, 70, 50); // dark purple
  demoLerp( 0,0,50, c2Start, c2End);

  translate( 0, 150);
  color c3Start = color(60, 100,100); // yellow
  color c3End= color(50, 50, 50); // dark yellow
  demoLerp( 0,0,50, c3Start, c3End);

  translate( 0, 150);
  color c4Start = color(270, 50,100); // purple
  color c4End= color(270, 100, 40); // saturated dark purple
  demoLerp( 0,0,50, c4Start, c4End);

  resetMatrix();

}
void demoLerp( int x, int y, int size, color c1Start, color c1End){
  translate( x,y);

  for( int j=0; j< 11; j++){ //j is column index
      float amt = map( j, 0, 10, 0.0, 1.0);
      color c1Lerp = lerpColor( c1Start, c1End, amt);
      fill(c1Lerp);
      rect( j* size, 0, size, size);
      String s = nf(amt, 0,1);
      textAlign(LEFT);
      text( s, (j*size) +15 , 70);
  }
  fill(360);
  String colorLabel1 = "cStart " + " h: " +(int) hue(c1Start) + "  s: " + (int)saturation(c1Start) + "  b: " + (int)brightness( c1Start);
  String colorLabel2 = " cEnd  " + " h: " + (int)hue(c1End) + "  s: " + (int)saturation(c1End)+ "  b: " + (int)brightness( c1End);
  textSize( 14);
  text( colorLabel1,  10, 100);
  text( colorLabel2,  10, 120);
}
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://kdoore.gitbook.io/cs1335/project-2/demo-lerp-colors.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.