# Color scales

Another commonly used type of conditional formatting is the color scale, which applies a gradient fill to a range of cells based on their values. This is a useful way to visualize and compare values in a table quickly. Color scales can be applied to the background, font color, or data bars. It can also be applied row-wise, column-wise, or table-wise.

Refer to the [Create Rule](https://docs.inforiver.com/working-with-inforiver/5.-conditional-formatting/create-rule-reporting-matrix) section to get started. Once the rule is created and you can see the Conditional Formatting side panel, follow the steps below.

### 1. Color scales

Choose 'Color scale' in the **Format by** dropdown.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FuKgYLr1mLIShWj1LMmFk%2Fimage.png?alt=media&#x26;token=5b99373d-a8a9-43b3-a711-c23f3dd5fa26" alt=""><figcaption><p>Color scale option</p></figcaption></figure>

Let's look at the customization options for color scales.

#### 1.1. Based on

Let's apply formatting to the Sales measure based on the Profit. Select the profit measure from the **Based on** dropdown. the higher the profit, the darker the shade of blue applied to the sales measure.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FAtPOSxeKlEKlDp8DhMLz%2Fimage.png?alt=media&#x26;token=3eb6d8c7-303f-49e7-bef9-150e6e2b37c1" alt=""><figcaption></figcaption></figure>

#### 1.2. Color scale for

You can apply color scales to cell backgrounds, fonts, data bars, action dots, and bubble charts.&#x20;

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F8ndDaAMm7ZWpZ5R42um7%2Fimage.png?alt=media&#x26;token=5fb74c19-a44b-4a22-9c7d-24f2fcb2c8c3" alt=""><figcaption><p>Color scale for background</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FrVtNg4d1OWJnypvMwIt7%2F2025-07-29_11h32_45.png?alt=media&#x26;token=7e123c6a-e263-4a11-99f3-491d1eb8a726" alt=""><figcaption><p>Color scale for font</p></figcaption></figure></div>

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FC21oWyZOysUDomyDj3OI%2Fimage.png?alt=media&#x26;token=855e325c-7bde-40e9-802f-d462fd181a05" alt=""><figcaption><p>Color scale for data bars when there are positive and negative values</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FZTZRkkEU5OjHe80628bz%2F2025-07-29_11h37_14.png?alt=media&#x26;token=91d249db-fb5e-4f57-ade3-58d9bd621c63" alt=""><figcaption><p>Color scale for data bars with gradient</p></figcaption></figure></div>

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FO8trlS1LKLFPcxvYU2ui%2Fimage.png?alt=media&#x26;token=5f0120c6-a686-472b-bdf4-087763cedd30" alt=""><figcaption><p>Color scale for bubble charts</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FfGh3VVRztXoOOB0aYqWy%2F2025-07-29_11h56_18.png?alt=media&#x26;token=94e9ce96-2973-42db-bada-4d2395685a39" alt=""><figcaption><p>Color scale for action dots</p></figcaption></figure></div>

#### 1.3. Heat map type

The heat map can be applied at row, column or table level.

* **Column-wise:** The maximum and minimum values in a column are formatted using the darkest and lightest gradients.
* **Row-wise:** The maximum and minimum values in a row are formatted using the darkest and lightest gradients.
* **Table-wise:** Similar values are formatted using the same gradient throughout the table.

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FB7U0bG3XmUw8B7gEtyhY%2Fimage.png?alt=media&#x26;token=60e5cb4b-65c1-4b1b-95b4-0f1e606e8e42" alt=""><figcaption><p>Column wise heatmap</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fmyy4M08jw8JynDERlZgo%2F2025-07-29_12h16_24.png?alt=media&#x26;token=7de7818c-df73-439f-a811-5bd0129e8770" alt=""><figcaption><p>Row wise heatmap</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FIZeWNFH1rUFnWewnItrw%2F2025-07-29_12h17_35.png?alt=media&#x26;token=db891b50-d1bf-44ca-93cc-fcfac4c4d4f9" alt=""><figcaption><p>Table wise heatmap</p></figcaption></figure></div>

#### 1.4. Color scale type

Choose from a range of color scale types like Sequential, Diverging, Qualitative, Continuous, etc. You can also create color scales by selecting the custom option - we'll look at this in a later section.

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F3Oe2yg5SiXnfEtvAKVLa%2Fimage.png?alt=media&#x26;token=5a72fe04-0b0a-46cc-b309-333cc9b4e84d" alt=""><figcaption><p>Sequential color scale</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FKbu9e1mzWPDAyzDQXj38%2F2025-07-29_12h24_44.png?alt=media&#x26;token=a0811cf2-25f1-425f-95a8-bbb6cb31bc75" alt=""><figcaption><p>Diverging color scale</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F19LiCLwIejPVVjYototh%2F2025-07-29_12h25_12.png?alt=media&#x26;token=8e2d7319-c992-42bf-8cdf-d62a57111c24" alt=""><figcaption><p>Qualitative color scale</p></figcaption></figure></div>

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F41RLdS7QamHacOTCAPOq%2Fimage.png?alt=media&#x26;token=4c88713c-af92-47b8-bc9f-8ed474f35dc9" alt=""><figcaption><p>Continuous color scale</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F8GA3KaFZdC7wVJqPSeM2%2F2025-07-29_13h25_07.png?alt=media&#x26;token=ba282764-ca55-4063-8f6d-09a04be5a3b3" alt=""><figcaption><p>Continuous diverging color scale</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FScyO74YT2nWIBCyoJ3Dx%2F2025-07-29_13h15_17.png?alt=media&#x26;token=d8504e05-3bac-44e6-8bda-83c93ff9dfeb" alt=""><figcaption><p>Custom color scale</p></figcaption></figure></div>

#### &#x20;1.5. Color scheme

Choose from a range of built-in color schemes for each color scale type.

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F79YxFW4hwRH0SsQMv6LA%2Fimage.png?alt=media&#x26;token=06fb2ec5-d528-47c6-b131-1413bd43d42d" alt=""><figcaption><p>Color schemes for diverging </p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FaTcx8pa8LjxtGonQMAUX%2F2025-07-29_13h30_07.png?alt=media&#x26;token=cb0b04c2-5f57-4e54-b664-df7689a2d72d" alt=""><figcaption><p>Color schemes for sequential</p></figcaption></figure></div>

#### 1.6. Min/max/center

For color scales of types Continuous-Range, Continuous-Diverging Range, Continuous, and Continuous-Diverging, you can define the min/max and center color if applicable.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FoUXvMbrzxVElfFEmOWMH%2Fimage.png?alt=media&#x26;token=28d8a149-dc22-4b52-b434-b3a03e4bd841" alt=""><figcaption><p>Min, max and center colors</p></figcaption></figure>

#### 1.7. Custom color scale

The 'Custom' color scale type can be used to define custom color ranges. On selecting the custom option, you can see the fields highlighted in the image. You can define the values/percentages for the ranges, add or delete ranges, define colors, and reverse the order.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FtwPrTLAYI1ZH2lKvt97T%2Fimage.png?alt=media&#x26;token=30cfbe46-7a66-4f9a-adad-fd4f02541a28" alt=""><figcaption><p>Custom color scale</p></figcaption></figure>

#### 1.8.  Reverse color

Color scales can be reversed for cases where the minimum and maximum values need to be denoted with the highest and lowest gradients. Check the **Reverse color** checkbox to flip the colors.

<div><figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FDqdmYZF9MetRnbI42efU%2Fimage.png?alt=media&#x26;token=bd0a40c4-e401-4a4f-bb0e-01265bff9f2e" alt=""><figcaption><p>Reverse color disabled</p></figcaption></figure> <figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FLad2FtFkDjpneDvlpskO%2F2025-07-29_13h38_06.png?alt=media&#x26;token=a7f1f312-56c5-4c43-96e4-87395d2f72bf" alt=""><figcaption><p>Reverse color enabled</p></figcaption></figure></div>

#### 1.9.  Number of bands

By default, the number of bands is defined as 5. But it can be increased or decreased by changing the number in the textbox. The color scheme field also gets updated to show the gradients.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F1yQ1HpfA53KKZanHSc3t%2Fimage.png?alt=media&#x26;token=2a85df11-d7e1-469c-886c-6e27b2bda85e" alt=""><figcaption><p>Number of bands</p></figcaption></figure>

#### 1.10. **Hide value**

You can choose to show only the color scale and hide the values. To do this, check the 'Hide value' checkbox.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F8oehdiZXfkW643TUXnkk%2Fimage.png?alt=media&#x26;token=28fe347d-1e00-4ae7-bd13-1f56022d416f" alt=""><figcaption><p>Hide values</p></figcaption></figure>

#### 1.11. **Auto font color**

When you apply background conditional formatting in Inforiver, the font colors are automatically adjusted to be in contrast with their backgrounds to enhance readability. But it can be turned off if not required by unchecking the **Auto font color** checkbox.&#x20;

When the Auto font color option is disabled, notice how some of the values in darker shaded cells are not visible.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FRhTfk3k0bxWZMpbWADEA%2Fimage.png?alt=media&#x26;token=e0089ee7-1da4-4eb8-9717-2aae02e60cfb" alt=""><figcaption><p>Auto font color disabled</p></figcaption></figure>

#### 1.12. **Include null**

In cases where there are null values in your table, you can choose whether to include or exclude them from conditional formatting.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FvJgCs3B575eECvx68P0O%2Fimage.png?alt=media&#x26;token=429dd2a2-650c-4626-a033-b92209614959" alt=""><figcaption><p>Include null</p></figcaption></figure>
