# Gradient fills add a third 'middle' colour

**URL:** https://forum.lottiefiles.com/t/gradient-fills-add-a-third-middle-colour/5159
**Category:** Uncategorized
**Created:** [December 18, 2023, 4:35pm UTC](https://forum.lottiefiles.com/t/gradient-fills-add-a-third-middle-colour/5159 "2023-12-18T16:35:38Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![scordingley](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/scordingley/32/3282_2.png) [@scordingley](https://forum.lottiefiles.com/u/scordingley)
#### Post date: [December 18, 2023, 4:35pm UTC](https://forum.lottiefiles.com/t/gradient-fills-add-a-third-middle-colour/5159/1 "2023-12-18T16:35:38Z")

</div>

Does anybody know why Lottie seems to add a third middle stop on a gradient fill? And is there a way to remove or override this?

In After Effects, there are just two colour stops, both at 100% opacity at either end of the gradient ramp

 ![Screenshot 2023-12-18 at 16.31.46](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/9/994202a44530f8bda34defcf626ff2d20e50af8a.jpeg)

In Lottie, there are three colours, with the third colour being the halfway point

 ![Screenshot 2023-12-18 at 16.33.12](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/8/8ddae6ae956049ad8576647bc9a63ead35bbbe98.jpeg)

I need this lottie file to be easily editable with different colours on the gradient, so adding a third middle colour makes it overly complicated.

Any suggestions on how to avoid this?

---

<div class="post-metadata">

### Author: ![isionindustriesoffic](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/isionindustriesoffic/32/3293_2.png) [@isionindustriesoffic](https://forum.lottiefiles.com/u/isionindustriesoffic)
#### Post date: [January 1, 2024, 1:55am UTC](https://forum.lottiefiles.com/t/gradient-fills-add-a-third-middle-colour/5159/2 "2024-01-01T01:55:17Z")

</div>

I did some testing and my results show that third color added to the “unique colors” panel in the Lottie Editor is the “color midpoint” of the gradient in After Effects. For some reason, Lottie is interpreting the color midpoint as a full-color stop. Maybe it’s a way to smooth out the gradient in the Lottie render. The purpose of the color midpoint in AE is to handle the interpolation between the two colors this gives you the flexibility to alter the value of the midpoint to affect the smoothness of the gradient.