Skip to main content Link Search Menu Expand Document (external link)

Create a gradient background for Power BI

Deep involve in data transformation, data modeling and analytic calculations, my least skill is visualization. But I’m doing my best to improve it!

One rule applies to almost everything but it’s more true when we talk about reports and data visualization. Less is more! No need to add a lot of fancy stuff, keep stuff simple.

I do not use many colors for my visuals, I limit the number of visuals and let users understand what they have on a page.

Gradient background

gradiant

But when it’s time to add some unuseful stuff to our report, what I like the most is to add a gradient background. No need to add a flashy color variation!! I like to switch between one color and his very close variation. Like a “middle blue” to a “dark blue”.

Many Power BI blogs mention PowerPoint to create a gradient background. And indeed, it’s not that a bad idea. But for some reason, PowerPoint generates images with a very ugly layer. (Like a rainbow)

I only have this issue when I publish my report on Power BI Services, but not on Power BI Desktop. (Is it related to my 4K screen or compression? No idea)

But if you encounter the same issue, or if you want to learn another way to do it, I’m explaining here how to do it with Paint .net.

Paint.net

«««< HEAD

Paint .net is my favorite images/graphics editor. It’s free, contains almost everything I need, and is not too complex to understand.

You can download it here https://www.dotpdn.com/downloads/pdn.html

How to create a gradient image with paint.net

Open Paint .net application and create a new canvas. (I recommend you to keep the same size as you use in your Power BI)

In the toolbox, choose the Gradient tool


Gradient tool

Now that the gradient tool is selected, go to the Colors pane and click "More"

First, you have to select a "Primary" Color. It's the one selected by default, but you can select it by using the dropdown list and chose "Primary" or by click the square on the top.
Use the color picker or paste an Hexadecimal RGB value. (I highly recommend you to use it)

You can find interesting color on https://coolors.co/palettes/trending

When it's done, select the "Secondary" color. I usually paste the same color as the primary but change the "V" slider to a more lighter value (but very close)

Go to your canvas and click on the left button of your mouse, drag the cursor and release the button.

Save this image into a .png file and use it in Power BI Desktop.

=======

Paint .net is my favorite images/graphics editor. It’s free, contains almost everything I need, and is not too complex to understand.

You can download it here https://www.dotpdn.com/downloads/pdn.html

How to create a gradient image with paint.net

Open Paint .net application and create a new canvas. (I recommend you to keep the same size as you use in your Power BI)

In the toolbox, choose the Gradient tool

Now that the gradient tool is selected, go to the Colors pane and click "More"

First, you have to select a "Primary" Color. It's the one selected by default, but you can select it by using the dropdown list and chose "Primary" or by click the square on the top.
Use the color picker or paste an Hexadecimal RGB value. (I highly recommend you to use it)

You can find interesting color on https://coolors.co/palettes/trending

When it's done, select the "Secondary" color. I usually paste the same color as the primary but change the "V" slider to a more lighter value (but very close)

Go to your canvas and click on the left button of your mouse, drag the cursor and release the button.

Save this image into a .png file and use it in Power BI Desktop.

be29525ef072fce11786484bee18bbfc7fe3e52c