CSS background-blend-mode

Allows blending between CSS background images, gradients, and colors.

Spec	http://www.w3.org/TR/compositing-1/#propdef-background-blend-mode
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP ⁽¹⁾	48
	16	55	60	11 ⁽¹⁾	47
11	15	54	59	10.1 ⁽¹⁾	46
10	14	53	58	10 ⁽¹⁾	45
9	13	52	57	9.1 ⁽¹⁾	44
8	12	51	56	9 ⁽¹⁾	43
Show all
7		50	55	8 ⁽¹⁾	42
6		49	54	7.1 ⁽¹⁾	41
5.5		48	53	7	40
		47	52	6.1	39
		46	51	6	38
		45	50	5.1	37
		44	49	5	36
		43	48	4	35
		42	47	3.2	34
		41	46 ⁽²⁾	3.1	33 ⁽²⁾
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24	29		16
		23	28		15
		22	27		12.1
		21	26		12
		20	25		11.6
		19	24		11.5
		18	23		11.1
		17	22		11
		16	21		10.6
		15	20		10.5
		14	19		10.0-10.1
		13	18		9.5-9.6
		12	17		9
		11	16
		10	15
		9	14
		8	13
		7	12
		6	11
		5	10
		4	9
		3.6	8
		3.5	7
		3	6
		2	5
			4

Notes

Partial in Safari refers to not supporting the hue, saturation, color, and luminosity blend modes.
Chrome 46 has some serious bugs with multiply, difference, and exclusion blend modes

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-backgroundblendmode