QtQuick Rectangle: Gradient not displayed when the color property is set to transparent.

    // not working
    Rectangle {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        width: parent.width
        height: 200
        color: '#00000000'
        // color: '#0040e0d0' // not working
        gradient: Gradient {
            orientation: Gradient.Horizontal
            GradientStop { position: 0.00; color: '#ffcbf7c5' }
            GradientStop { position: 0.50; color: '#4dffffff' }
            GradientStop { position: 1.00; color: '#ffe6f1df' }
        }
    } 

color: widget.gradient ? '' : widget.color             
gradient:  widget.gradient