Проще всего понять как делать любые градиенты, это представить, что градиент последовательность "кубиков", которые мы кладём рядом. Работает он слева направо. Т.е. красный "кубик", а рядом, справа от него, зелёный дадут нам сначала красный цвет, а потом он поменяется на зелёный. У каждого кубика три свойства: время свечения в секундах (или десятых секунды, если нужно), цвет 1 и цвет 2.
Теперь как всё работает:
Элементы управления (они у каждого кубика, поэтому смотрите внимательно какой именно меняете)
1 - добавить кубик слева
4 - добавить кубик справа
2 - задать цвет 1 (в начале градиента)
5 - задать цвет 2 (в конце градиента)
3 - удалить кубик
6 - время свечения (1 секунда)
На кубике градиент от красного к зелёному, по времени он длится 1 секунду, т.е. красный плавно переходит в зелёный за одну секунду. Как такой градиент сделать? Нажимаем 2 (стрелка становится жёлтой), кликаем в сам кубик, в палитре выбираем красный, нажимаем 5 (стрелка становится жёлтой), кликаем в сам кубик, в палитре выбираем зелёный.
Теперь мы хотим градиент продолжить, чтоб зелёный плавно перешёл в синий. Нажимаем 4, получаем пустой кубик, теперь настраиваем его - нажимаем 2, кликаем в кубик выбираем точно такой же зелёный, теперь нажимаем 5, кликаем в кубик, в палитре выбираем синий.
Получилось это. У нас теперь многоцветный градиент, который работает две секунды, красный плавно превращается в зелёный, а затем зелёный превращается в синий.
Думаю принцип понятен.
Чтобы подсветка полностью погасла нужно чёрный из палитры выбрать. Его точно также можно для градиента использовать. Плавный градиент к чёрному будет выглядеть как постепенное затухание подсветки.