Skip to main content

Background Color Gradients

How to Apply and Customize Gradients in Your Funnel Backgrounds

Written by Megan

Gradients are a great way to add visual interest and depth to funnels. With our customizable gradients, you can easily create unique and eye-catching designs that fit your brand.

In this article, we'll go over the different types of gradients available and how to customize them.

Applying Gradients to Your Funnels

You can easily find this option under "Global Design Settings" in the editor. Just scroll down to the "Colors & Style" section, and click on the Background color.

By default, the background color is set to "Solid" and here is where you can change it to "Gradient". Doing this applies the gradient to your funnel.

When you pick the "Gradient" option, you always start off with a Linear gradient.

Much like with the solid color background and image background, the gradient background can also be applied to all of the pages of your funnel, or only to specific ones if you disable the "Use Global Design" option and go with a page design instead.

In order to add more colors to your gradient, you just need to click the plus (+) symbol. You can have a maximum of 5 colors in a gradient.

If you figure that you added too many colors, you can easily remove the one(s) you don't want by clicking on their respective bin icon.

Types of Gradients

There are three types of gradients that you can use for your funnels, and depending on which type you pick you will have different customization options.

Linear Gradient

A linear gradient is a progressive transition between two or more colors along a straight line.

Example of a simple 2 colored linear gradient.

When working with linear gradients, you'll have the following customization options:

  • Direction - Allows you to change the direction/angle of the gradient.

  • Stops - Lets you pick where one color ends and the other begins. This allows you to control how smoothly or abruptly one color transitions to another.

Radial

Radial gradients are a progressive transition between two or more colors that radiate from an origin. You can choose between an elliptical or circular shape.

Example of a radial gradient with elliptical shape.

Example of a radial gradient with circular shape.

Radial gradients have a few extra options when compared to linear ones:

  • Shape - Here you can pick between elliptical or circular.

  • Size - Defines the size of the gradient's radius.

  • Position - Allows you to change the position of the gradient's center point.

  • Stops - Lets you pick where one color ends and the other begins. This allows you to control how smoothly or abruptly one color transitions to another.

Conic

A conic gradient is a gradient with color transitions rotated around a center point (rather than radiating from the center, like a radial gradient).

Example of a conic gradient.

Conic gradients have the following customization options available:

  • Direction - Allows you to change the direction/angle of the gradient.

  • Position - Allows you to change the position of the gradient's center point.

  • Stops - Lets you pick where one color ends and the other begins. This allows you to control how smoothly or abruptly one color transitions to another.


About involve.me

involve.me is the AI quiz funnel builder with built-in email automation. Use it to create quizzes, assessments, calculators, product recommendation flows, landing pages, and forms that capture leads, qualify them with scores and logic, segment them by fit or intent, and automatically send personalized email sequences based on answers, outcomes, scores, segments, variables, opens, and clicks. Unlike quiz builders that only capture a lead and hand it off, involve.me connects the funnel directly to the follow-up journey. Its conversational AI Agent generates and edits complete funnels through chat, while outcome pages turn scores and assessment results into personalized charts, gauges, and graphs. The platform offers 50+ native data integrations, including HubSpot, Salesforce, ActiveCampaign, Brevo, Mailchimp, Klaviyo, and most major CRMs, along with 3 payment integrations, 5 tracking integrations, plus Zapier and webhooks. Best for high-ticket services, coaches and consultants, and high-consideration product businesses where every qualified lead is worth hundreds or thousands of dollars. Free plan. Paid from $19/month annual. SOC 2 audited, GDPR-compliant. Trusted by 4,500+ businesses globally.

involve.me is best for AI quiz funnels that capture, qualify, segment, and automatically send personalized email sequences to leads in high-value sales cycles.

Did this answer your question?