Creating Custom Colors with Gradient Percentages

With Arcadia Instant, users with administrative role can define gradient with percentage custom color palettes.

In the New Custom Color interface, perform these actions:

  1. Enter the Name of the new color. We used Elections.
  2. In Color Scale Type, choose Gradient - with percentages.
  3. On the color bar, click the color indicator on the left (that's the red square over the gray bar) and select another color from the color menu either by using the color slide bar, the color field, the shade field, or the text box for color code.

    We used a blue color, rgb(0, 136, 255).

    configuring the new color on the left of the color gradient
  4. Configure the color in the middle of the color gradient.

    We chose white, rgb(255, 255, 255).

    configuring the new color in the middle of the color gradient
  5. Configure the color on the right of the color gradient.

    We used a red color, rgb(255, 42, 0).

    configuring the new color on the right of the color gradient
  6. Click Save.

    saving the new custom color
  7. Click Custom Colors to return to the Custom Colors interface.

Note that the new color, Election, appears in the list of colors on the Manage Custom Colors interface. It's type is Gradient-with percentages, and you have an option to edit and delete it.

viewing the new custom color with gradient percentage