Zwei Bilder, das Graustufenbild dahinter und das Farbige darüber, das farbige hat 0 opacity und wird dann auf 100 geschraubt.
Oder ressourcensparender: Beide Bilder neben- oder übereinander in einer Datei als Hintergrundbild.
Oder ressourcensparender: Canvas nehmen, und den Client das Bild in Graustufen umwandeln lassen ;-)
Und für den alten Internet Exploder gibts filter:gray()