Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have to make a button with some shadows using HTML/CSS and I've been provided with a PSD file, which has a shape of the button and some effects applied to it. One of the effects is an inner shadow.

And it's blending mode is Multiply. There is no such possibility to use blending modes in CSS, so I think the only way to make 100% copy of the button is to convert the colors from Multiply blending mode to Normal. I found the formula of the Multiply blending mode.

It is : Result Color = (Top Color) * (Bottom Color) /255

So maybe its possible to get the top color respectively?

(Top Color) = (Result Color) / (bottom color) / 255

I tried this but its not working for some reason.

Any ideas?

share|improve this question
Could you provide some sample? – thebodzio Jul 15 '12 at 0:24

The easiest way would be to open up the PSD and use the colour picker tool to sample the pixels you're after, and use that colour for the inner shadow in CSS.

share|improve this answer

Your math is rusty. :) Your equation should read TC = RC * 255 / BC, else you'll end up with a radically different result.

That said, as Marc points out, the more straightforward approach is to use the eyedropper to pick a 3x3 or even a point value from the densest part of the shadow.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.