{
    "color-mix": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/types/color.json",
            "name": "color-mix",
            "slug": "CSS/color_value/color-mix",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix",
            "summary": "The color-mix() functional notation takes two <color> values and returns the result of mixing them in a given colorspace by a given amount.",
            "support": {
                "chrome": {
                    "version_added": "111"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "113"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": [
                    {
                        "version_added": "16.2"
                    },
                    {
                        "version_added": "15",
                        "flags": [
                            {
                                "type": "preference",
                                "name": "CSS color-mix()"
                            }
                        ]
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "111"
                }
            },
            "title": "color-mix()"
        }
    ]
}
