如何使用函数以线性渐变更改背景颜色？

Question

我正在尝试使用函数随机更改背景颜色，但似乎不起作用。

我试过普通/基本颜色，它工作正常。

var change = document.getElementById("meBaby"); // add to the top

function getRandomColor() {

    var letters = '0123456789ABCDEF';

    var color = '#';

    for (var i = 0; i < 6; i++) {

        color += letters[Math.floor(Math.random() * 16)];

    }

    return color;

}

function changeColor() {

    change.style.backgroundColor = getRandomColor();

}

setInterval(changeColor, 10000);

但是，当我尝试更改为线性渐变时，这是不可能的，抱歉，我不知道我的错误在哪里。我什至删除了var color = '#';tovar color;以查看它是否有效，但没有。看下面的代码

var change = document.getElementById("meBaby"); // add to the top

function getRandomColor() {

    var letters = ['linear-gradient(120deg, #f6d365 0%, #fda085 100%)',

    'linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%)',

    ];

    var color;

    for (var i = 0; i < 6; i++) {

        color += letters[Math.floor(Math.random() * letters.length)];

    }

    return color;

}

function changeColor() {

    change.style.backgroundColor = getRandomColor();

}

changeColor();

setInterval(changeColor, 10000);

我console.log(changeColor());但它是未定义的我不知道为什么。任何帮助将非常感激。