Böyle sadece opacity vermiş oluruz ve degere göre şeffaflaşarak arkaplan rengini alır. Benim yapmak istediğim logo'nuın rengini CSS ile değiştirmek. Yanlış anlattım galiba.
Normalde logoyu SVG'ye çevirirseniz eğer SVG renk değişimi sağlayabilirsiniz. SVG renk değişimi içinse fill'i kullanmanız gerekiyor.
Onun için şurayı inceleyebilirsiniz:
https://css-tricks.com/cascading-svg-fill-color/
Bir diğer yöntem ise eğer doğru rengi bulabilirseniz
filter: hue-rotate kullanmak. Örnek yaptım aşağıda:
https://jsfiddle.net/zqhLgmtd/1/