Creating Custom Colors with Gradient Values

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

In the New Custom Color interface, perform these actions:

  1. Enter the Name of the new color. We used Ocean.
  2. In Color Scale Type, choose Gradient - with values.
  3. On the color bar, click the color indicator on the left; that's the red square over the gray bar.

    clicking the color indicator
  4. The color selection widget appears.

    viewing the color selection widget
  5. When the color selection widget appears, point to another color (we chose a shade of blue), and click it. You can also enter the color as rgb values, or in hexadecimal format.

    entering the gradient values
  6. To adjust the color shade, slide indicator on the shade bar to the left. Values more to the left are progressively more 'Grey'; placing the indicator on the extreme right (default position) generates the most intense color.

    adjusting the color shade using the sliding indicator
  7. Another option for color selection is to manually adjust the color by dragging the black dot on the square color selection field to the desired location.

    adjusting the color manually
  8. Configure the color on the right side of the color gradient.

    configuring the color on the right side
  9. Configure the color in the middle of the color gradient.

    configuring the color in the middle
  10. [Optional] You can adjust the position of the middle color by sliding its indicator to the left or the right of the color gradient.

    Using the sliding indicator to adjust the color
  11. In the text fields below, the three color indicators specify the values that correspond to the range and midpoint values in the data you plan to represent by the custom color.

    viewing the three color indicators
  12. Click Save.

    saving the new custom color with gradient values
  13. Click Custom Colors to return to the Custom Colors interface.

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

managing the custom color with type Gradient-with-values