# CSS Image Effects #1: Vintage Washout

DevFeed: [CSS Image Effects #1: Vintage Washout](<https://devfeed.tech/articles/css-image-effects-1-vintage-washout-28852.md>)

Original publisher: [Read original article](<https://una.im/vintage-washout/>)

Published: 2015-10-02T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [image effects](<https://devfeed.tech/topics/image-effects.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [color](<https://devfeed.tech/tags/color.md>), [css](<https://devfeed.tech/tags/css.md>), [image-effects](<https://devfeed.tech/tags/image-effects.md>), [rgb](<https://devfeed.tech/tags/rgb.md>)

## AI overview

The first post in a series explains how to create a vintage washout image effect with CSS. It describes lightening dark tones, using the lighten blend mode, and choosing a darkest color to reduce shadow detail.

## Source excerpt

The first post in a series on creating custom image effects in CSS. We'll take a look at the vintage washout effect.