{
    "color-mix": [
        {
            "engines": [
                "gecko",
                "webkit"
            ],
            "needsflag": [
                "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": false
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "88",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.color-mix.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "15",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "CSS color-mix()"
                        }
                    ]
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": false
                }
            },
            "title": "color-mix()"
        }
    ]
}
