Firefox release note for color-mix multiple values

[dletorey]

Description

• Added release note for color-mix multiple values
• removed experimental note

Motivation

• Working on MDN issue #43560

Related issues and pull requests

• Content PR
• BCD PR

[github-actions]

Preview URLs (2 pages)

• /en-US/docs/Mozilla/Firefox/Experimental_features
• /en-US/docs/Mozilla/Firefox/Releases/150

External URLs (75)

URL: /en-US/docs/Mozilla/Firefox/Experimental_features
Title: Experimental features in Firefox

• https://bugzil.la/1057233 (1 time)
• https://bugzil.la/1099557 (1 time)
• https://bugzil.la/1223880 (1 time)
• https://bugzil.la/1225110 (1 time)
• https://bugzil.la/1278697 (1 time)
• https://bugzil.la/1280613 (1 time)
• https://bugzil.la/1312588 (1 time)
• https://bugzil.la/1318984 (1 time)
• https://bugzil.la/1539075 (1 time)
• https://bugzil.la/1602129 (1 time)
• https://bugzil.la/1617609 (1 time)
• https://bugzil.la/1676779 (1 time)
• https://bugzil.la/1676791 (1 time)
• https://bugzil.la/1687364 (1 time)
• https://bugzil.la/1707584 (1 time)
• https://bugzil.la/1726108 (1 time)
• https://bugzil.la/1736914 (1 time)
• https://bugzil.la/1737918 (1 time)
• https://bugzil.la/1737920 (1 time)
• https://bugzil.la/1744292 (1 time)
• https://bugzil.la/1750902 (1 time)
• https://bugzil.la/1754897 (1 time)
• https://bugzil.la/1794475 (1 time)
• https://bugzil.la/1794628 (1 time)
• https://bugzil.la/1804573 (1 time)
• https://bugzil.la/1807685 (1 time)
• https://bugzil.la/1808410 (1 time)
• https://bugzil.la/1809005 (1 time)
• https://bugzil.la/1817303 (1 time)
• https://bugzil.la/1830022 (1 time)
• https://bugzil.la/1853418 (1 time)
• https://bugzil.la/1855763 (1 time)
• https://bugzil.la/1858562 (1 time)
• https://bugzil.la/1886134 (1 time)
• https://bugzil.la/1889561 (1 time)
• https://bugzil.la/1891446 (1 time)
• https://bugzil.la/1900929 (1 time)
• https://bugzil.la/1919718 (1 time)
• https://bugzil.la/1921501 (1 time)
• https://bugzil.la/1941406 (1 time)
• https://bugzil.la/1953557 (1 time)
• https://bugzil.la/1963263 (1 time)
• https://bugzil.la/1974386 (1 time)
• https://bugzil.la/1976656 (1 time)
• https://bugzil.la/1979915 (1 time)
• https://bugzil.la/1984310 (1 time)
• https://bugzil.la/1986393 (1 time)
• https://bugzil.la/1986631 (1 time)
• https://bugzil.la/1991135 (1 time)
• https://bugzil.la/1991688 (1 time)
• https://bugzil.la/1998245 (1 time)
• https://bugzil.la/2014404 (1 time)
• https://bugzil.la/2014512 (1 time)
• https://bugzil.la/2018900 (1 time)
• https://bugzil.la/502258 (1 time)
• https://bugzil.la/558594 (1 time)
• https://bugzil.la/778617 (1 time)
• https://bugzil.la/917755 (1 time)
• https://bugzil.la/918189 (1 time)
• https://bugzilla.mozilla.org (1 time)
• https://developers.google.com/search/docs/specialty/explicit/guidelines (1 time)
• https://drafts.css-houdini.org/css-typed-om/ (1 time)
• https://drafts.csswg.org/css-inline/ (1 time)
• https://en.wikipedia.org/wiki/Graphics_Processing_Unit (1 time)
• https://github.com/mozilla/explainers/tree/main/archive/ppa-experiment (1 time)
• https://jpeg.org/jpegxl/ (2 times)
• https://support.mozilla.org/en-US/kb/about-config-editor-firefox (1 time)
• https://support.mozilla.org/en-US/kb/privacy-preserving-attribution (1 time)
• https://w3c.github.io/ppa/ (1 time)
• https://wiki.mozilla.org/Origin_Trials (1 time)
• https://www.firefox.com/en-US/ (1 time)
• https://www.firefox.com/en-US/channel/desktop/ (3 times)
• https://www.firefox.com/en-US/channel/desktop/developer/ (2 times)
• https://www.rtalabel.org/?content=howto (1 time)

---

URL: /en-US/docs/Mozilla/Firefox/Releases/150
Title: Firefox 150 release notes for developers (Beta)

• https://bugzil.la/2024171 (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2026-04-13 15:49:39)

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[dipikabh]

Thank you!

[dipikabh]

Suggesting to drop the percentage mention since that part was already supported.

Suggested change

	- The [`color-mix()`](/en-US/docs/Web/CSS/Reference/Values/color_value/color-mix) CSS function now supports multiple [`<color>`](/en-US/docs/Web/CSS/Reference/Values/color_value) values, rather than just two. This allows you to mix many colors and set the percentages of each. ([Firefox bug 2024171](https://bugzil.la/2024171)).
	- The [`color-mix()`](/en-US/docs/Web/CSS/Reference/Values/color_value/color-mix) CSS function now accepts multiple [`<color>`](/en-US/docs/Web/CSS/Reference/Values/color_value) values, rather than just two. This allows you to mix any number of colors. ([Firefox bug 2024171](https://bugzil.la/2024171)).