Retina image is looking darker in chrome

Question

[email protected]

I have set a retina background image for a div.Its displaying properly in firefox but its looking darker in chrome.How to fix this issue? Refer fiddle

Html

<div class="retina_img">

</div>

Css

.retina_img
 {
    background: url("imageuploadimg.png") no-repeat scroll 0 50% / 100% 100% #FFFFFF;
    background:-webkit-image-set( url('imageuploadimg.png') 1x,url('[email protected]') 2x);
    width: 142px;
    height: 101px;
}