Gallery images from another color to original color by hovering

How do I make it possible for my gallery images to be initial color and when the mouse hovers over one image it turns to original color. My current work-around is to layout images which are actually buttons and use the regular/hover/click options to create this effect. As you can imagine laying out buttons in order to imitate a gallery and having everything smoothly align is a pain, but I really need to utilize this feature for my site.

Initial color:
In terms of Photoshop settings, the required color settings would be:
Hue/Saturation: colorize→ hue:32, saturation:21

Can anyone help with any possible way to code this, please?

Thanks