Creating custom colors with gradient values

With CDP Data Visualization, users with administrative role can define custom color palettes that are gradients, based on a value.

Gradient value palettes support some but not all visual types. See

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.

    The color selection widget appears.

  4. 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.
  5. 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.
  6. 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.
  7. Configure the color on the right side of the color gradient.
  8. Configure the color in the middle of the color gradient.
  9. [Optional] You can adjust the position of the middle color by sliding its indicator to the left or the right of the color gradient.

    In the text fields under the color gradient, 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.

  10. Click Save.
  11. 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.