Within the new website, gradients are used as a background element with or without transparancy. The main gradient is derived from the main 'blue-green' brand gradient, but with the updated primary blue color for web.
The gradient is only applied in it's 50% and 25% opacity versions. The 50% version is used as a backdrop for text on images, where the 25% version is used as a solid background for the 'topic cards' grid component. The 100% version is not used within the website ecosystem.
The gradient is set up with the primary blue color for the web and the Umicore primary green as two colored version.
-
#0458C7Primary blue for web(position 46%) -
#62ad2dUmicore primary green(position 100%)