# Gradient Email Buttons

**URL:** <https://community.hubspot.com/t/gradient-email-buttons/123385>\
**Category:** Email Marketing Tool\
**Tags:** marketing-email\
**Created:** [January 7, 2025, 3:42am UTC](https://community.hubspot.com/t/gradient-email-buttons/123385 "2025-01-07T03:42:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MrsLydiaMelton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mrslydiamelton/32/78349_2.png) [@MrsLydiaMelton](https://community.hubspot.com/u/MrsLydiaMelton)\
**Post date:** [January 7, 2025, 3:42am UTC](https://community.hubspot.com/t/gradient-email-buttons/123385/1 "2025-01-07T03:42:32Z")

</div>

Does anyone have suggestions for adding gradient email buttons to Hubspot? I am having trouble achieving the following effect:

 ![Screenshot 2025-01-06 at 9.39.53 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/9/d9e5bb5ac073393bd64be937829198cd2ca25708.png)

Currently, I have it set to a plain green, which oddly enough delivers blue in certain email clients. So I understand if there are limitations.  
I could probably add a picture, but I’m sure that won’t appear in everyone’s inbox as well.  
I would appreciate any wisdom or guidance you all can impart!  
Thank you to anyone in advance that contributes. 💙

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [January 7, 2025, 1:39pm UTC](https://community.hubspot.com/t/gradient-email-buttons/123385/2 "2025-01-07T13:39:44Z")

</div>

I can’t explain how a green button is turning blue, if you could share the source code of your email we could take a look to explain why that would happen.

As far as your button, I would go the image route. Most users accept images or show them when they get an email they are expecting. Otherwise, it could be possible with CSS gradients for newer clients (Apple) and some VML for the older Outlook folks, but for the trouble it would be worth to program it and build a custom module or email, I would go the image route.

---

<div class="post-metadata">

**Author:** ![MrsLydiaMelton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mrslydiamelton/32/78349_2.png) [@MrsLydiaMelton](https://community.hubspot.com/u/MrsLydiaMelton)\
**Post date:** [January 7, 2025, 3:13pm UTC](https://community.hubspot.com/t/gradient-email-buttons/123385/3 "2025-01-07T15:13:31Z")

</div>

Thank you for taking the time to reply. In looking at the email, I bet the  
buttons changed colors due to the differences in light and dark mode.  
That’s a guess, though.  
Either way, I think we will likely use images for our buttons moving  
forward! So no need to dig. Most of our recipients are gmail users. So I  
think it should be okay to use the images.  
Thanks for your input!
