- You are here:
- WebsiteTips Home
- Web Site Resources
- Design, Web Design
- Color
- Color Tools
- WebsiteTips.com's Color Tools
- Color Blender Tool
Color Blender Tool
Color Schemer Tool by Eric A. Meyer
Input two colors and get up to ten color shades between your two input colors. As the creator states, it's “great for finding a color halfway between two shades you like, or mixing two colors together in various proportions.” Editor note: I've also used it for finding multiple harmonious colors that blend well between two main colors for Web projects, such as hyperlinks colors or subheading colors.
Color Blender Instructions
From Color Blender's creator:
- Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.
- All numbers are rounded to the nearest integer.
- Clicking on a square in the “waterfall” display will fill in the appropriate value for whichever input is highlighted.
- Switching between value formats will translate whatever values are in place.
- “Clear” removes all values and colors, but does not change the current value format.
Note: if the tool isn't working you'll need to make sure JavaScript is turned on in your browser to use this tool.
Want to save your color scheme? Although Color Blender doesn't have this capability built in, you can:
- Copy/paste the Color Palette Codes: With your mouse, within the Palette box, (bottom left) highlight each color code (hex, RGB, RGB%). Then copy/paste to text file or other file on your computer.
- Print your scheme above by printing the screen to paper.
- Screen capture the color scheme to your computer (Windows: Shift+Print Screen), then open in Photoshop or other graphics software.
See more Color Scheme Tools here at WebsiteTips.com!
The Colormatch Remix Color Scheme Tool here at WebsiteTips.com allows you to save color schemes as Photoshop .act color swatch, Illustrator .ai, or plain .txt files with HTML color codes, RGB color codes, and CMYK colors.
The Colour Schemer Tool by SitePro Central here at WebsiteTips.com allows you to create, explore, and save monochromatic, analogic, complimentary, split complementary, triadic, and double contrast colour schemes.
The Color Blender is licensed under a Creative Commons Attribution-ShareAlike 1.0 License.
This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother. Don't blame me if anything bad happens to you, because it's actually the aliens' fault. The code expressed herein is solely that of the author, and he's none too swift with the JavaScript, if you know what we mean, so it's likely to cause giggle fits in anyone who knows what they're doing. Not a flying toy. Thank you for playing. Insert coin to continue.
