Qml wrong color animation behavior when color have opacity

    Rectangle {
        anchors.centerIn: parent
        width: 500
        height: 500
        color: "#2F3340"

        Rectangle {
            anchors.centerIn: parent
            width: 100
            height: 100

            // /!\ if we have a color opacity, there is a "blink" depending on the opacity
            // the expected behavior should be a smooth animation from one color to another
            // independently of the opacity of the colors.
            color: ma.pressed ? "#0d6686ff" : "#1E2129" // 5% of opacity

            // always bug but litle less visible
            // color: ma.pressed ? "#1f6686ff" : "#1E2129" // 12% of opacity

            // In the below line, we don't have this bug visible, seems to start to be not perceptible from 50%
            // color: ma.pressed ? "#806686ff" : "#1E2129" // 50% of opacity, bug not perceptible by eyes

            Behavior on color {ColorAnimation {duration: 100/*0*/}}

            MouseArea {
                id: ma
                anchors.fill: parent
            }
        }
    }