Link to home
Start Free TrialLog in
Avatar of Koprowski
Koprowski

asked on

How to Seamlessly Align Background Gradient Colors Like Experts Exchange Search Box?

Not exactly sure what section this belongs in.

I would like to be able to do what Experts Exchange has accomplished with their Search Box in the header.

Namely:
Gradient color for main header background
Gradient color for sub-background (for a button or the like)
Seamless integration so that when sub-background overlaid upon main background, they appear as one

Question #1) What tools could I use to achieve the creation of such gradient colors for the main background
Question #2) How could I then go about creating a second, smaller background that would take Starting_Point_Color + Ending_Point_Color ¿ Gradient in between to match that of main background?

I do not have Photoshop.

Thanks!
SOLUTION
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Avatar of Paul Sauvé
Paul Sauvé
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Koprowski
Koprowski

ASKER

Thank you both, gradient tool did the trick
Paul,

with pain.net, i can get a gradient blend fro one color to another but which option did you use to get the fade out in the middle?

Thanks again,

JK
The OPTIONS for the selected tool are at top left-hand side, above the image pane. Click on the second from the left (Linear (Reflected)).

Here you go (start point in the MIDDLE):User generated image
GOOD LUCK!

Paul
Got it, thanks a bunch!
LOL - I guess we're not in the same time zone! I'm glad to hear everything is A-OK.