Color palette - Diexauben - gedeckte Farben
Overview
close
Diexauben - gedeckte Farben
Possible uses
You can continue to use these color palettes. Make them your own and exchange individual colors as you wish. Rate these color palettes and share them.
2-color gradients
Find examples of linear and radial color transitions with two colors from this color palette.
The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.
Easy for Web Design: Copy the CSS code for easy integration on your website.
3-color gradients
Find examples of linear and radial color transitions with three colors from this color palette.
The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.
Easy for Web Design: Copy the CSS code for easy integration on your website.
Diexauben - gedeckte Farben
Link:
Share-Link:
2-color gradients of Diexauben - gedeckte Farben
Lineal
CSS-Code:
background-image: linear-gradient(135deg, #F5F5F5 9%, #D2D2D2 95%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #F5F5F5 14%, #D2D2D2 204%);
CSS-Code:
background-image: linear-gradient(135deg, #F5F5F5 9%, #8C8C8C 88%);
CSS-Code:
background-image: radial-gradient(circle, #F5F5F5 5%, #8C8C8C 191%);
CSS-Code:
background-image: linear-gradient(135deg, #D2D2D2 -2%, #F5F5F5 96%);
CSS-Code:
background-image: radial-gradient(circle, #D2D2D2 -9%, #F5F5F5 192%);
CSS-Code:
background-image: linear-gradient(135deg, #D2D2D2 13%, #8C8C8C 102%);
CSS-Code:
background-image: radial-gradient(circle, #D2D2D2 2%, #8C8C8C 194%);
CSS-Code:
background-image: linear-gradient(135deg, #8C8C8C 9%, #F5F5F5 86%);
CSS-Code:
background-image: radial-gradient(circle, #8C8C8C 11%, #F5F5F5 204%);
CSS-Code:
background-image: linear-gradient(135deg, #8C8C8C -8%, #D2D2D2 105%);
CSS-Code:
background-image: radial-gradient(circle, #8C8C8C 14%, #D2D2D2 196%);
3-color gradients of Diexauben - gedeckte Farben
Lineal
HEX #F5F5F5 over HEX #D2D2D2 to HEX #8C8C8C
CSS-Code:
background-image: linear-gradient(135deg, #F5F5F5 -7%, #D2D2D2 51%, #8C8C8C 88%);
Radial
HEX #F5F5F5 over HEX #D2D2D2 to HEX #8C8C8C
CSS-Code:
background-image: radial-gradient(circle, #F5F5F5 10%, #D2D2D2 52%, #8C8C8C 106%);
HEX #F5F5F5 over HEX #8C8C8C to HEX #D2D2D2
CSS-Code:
background-image: linear-gradient(135deg, #F5F5F5 -8%, #8C8C8C 51%, #D2D2D2 103%);
HEX #F5F5F5 over HEX #8C8C8C to HEX #D2D2D2
CSS-Code:
background-image: radial-gradient(circle, #F5F5F5 5%, #8C8C8C 53%, #D2D2D2 102%);
HEX #D2D2D2 over HEX #F5F5F5 to HEX #8C8C8C
CSS-Code:
background-image: linear-gradient(135deg, #D2D2D2 14%, #F5F5F5 57%, #8C8C8C 106%);
HEX #D2D2D2 over HEX #F5F5F5 to HEX #8C8C8C
CSS-Code:
background-image: radial-gradient(circle, #D2D2D2 -9%, #F5F5F5 56%, #8C8C8C 108%);
HEX #D2D2D2 over HEX #8C8C8C to HEX #F5F5F5
CSS-Code:
background-image: linear-gradient(135deg, #D2D2D2 -7%, #8C8C8C 53%, #F5F5F5 93%);
HEX #D2D2D2 over HEX #8C8C8C to HEX #F5F5F5
CSS-Code:
background-image: radial-gradient(circle, #D2D2D2 6%, #8C8C8C 47%, #F5F5F5 104%);
HEX #8C8C8C over HEX #F5F5F5 to HEX #D2D2D2
CSS-Code:
background-image: linear-gradient(135deg, #8C8C8C 3%, #F5F5F5 42%, #D2D2D2 101%);
HEX #8C8C8C over HEX #F5F5F5 to HEX #D2D2D2
CSS-Code:
background-image: radial-gradient(circle, #8C8C8C 8%, #F5F5F5 55%, #D2D2D2 94%);
HEX #8C8C8C over HEX #D2D2D2 to HEX #F5F5F5
CSS-Code:
background-image: linear-gradient(135deg, #8C8C8C 13%, #D2D2D2 57%, #F5F5F5 108%);
HEX #8C8C8C over HEX #D2D2D2 to HEX #F5F5F5
CSS-Code:
background-image: radial-gradient(circle, #8C8C8C -9%, #D2D2D2 51%, #F5F5F5 91%);
Advertisement
Services
Colors
RGB to HEX
convert from RGB red green blue to #RRGGBB
RGB to CMYK
convert from RGB red green blue to CMYK cyan / magenta / yellow / black
RGB to RAL®
convert from RGB red green blue to RAL®-number (RAL 0000)
RGB to HKS®
convert from RGB red green blue to HKS®-number (HKS 00)
RGB to PANTONE®
convert from RGB red green blue to Pantone®-number (Pantone 0000)
RGB to Sherwin Williams®
convert from RGB red green blue to Sherwin Williams®-number (SW 0000)
RGBA to HEX
convert from RGBA red green blue transparency to #RRGGBB
RGBA to CMYK
convert from RGBA red green blue transparency to CMYK cyan / magenta / yellow / black
RGBA to RAL®
convert from RGBA red green blue transparency to RAL®-number (RAL 0000)
RGBA to HKS®
convert from RGBA red green blue transparency to HKS®-number (HKS 00)
RGBA to PANTONE®
convert from RGBA red green blue transparency to Pantone®-number (Pantone 0000)
RGBA to Sherwin Williams®
convert from RGBA red green blue transparency to Sherwin Williams®-number (SW 0000)
CMYK to HEX
convert from CMYK cyan / magenta / yellow / black to #RRGGBB
CMYK to RGB
convert from CMYK cyan / magenta / yellow / black to RGB red green blue
CMYK to RGBA
convert from CMYK cyan / magenta / yellow / black to RGBA red green blue transparency
CMYK to RAL®
convert from CMYK cyan / magenta / yellow / black to RAL®-number (RAL 0000)
CMYK to HKS®
convert from CMYK cyan / magenta / yellow / black to HKS®-number (HKS 00)
CMYK to PANTONE®
convert from CMYK cyan / magenta / yellow / black to Pantone®-number (Pantone 0000)
CMYK to Sherwin Williams®
convert from CMYK cyan / magenta / yellow / black to Sherwin Williams®-number (SW 0000)
HEX to RGB
convert from #RRGGBB to RGB red green blue
HEX to RGBA
convert from #RRGGBB to RGBA red green blue transparency
HEX to CMYK
convert from #RRGGBB to CMYK cyan / magenta / yellow / black
HEX to RAL®
convert from #RRGGBB to RAL®-number (RAL 0000)
HEX to HKS®
convert from #RRGGBB to HKS®-number (HKS 00)
HEX to PANTONE®
convert from #RRGGBB to Pantone®-number (Pantone 0000)
HEX to Sherwin Williams®
convert from #RRGGBB to Sherwin Williams®-number (SW 0000)
RAL® to RGB
convert from RAL®-number (RAL 0000) to RGB red green blue
RAL® to RGBA
convert from RAL®-number (RAL 0000) to RGBA red green blue transparency
RAL® to CMYK
convert from RAL®-number (RAL 0000) to CMYK cyan / magenta / yellow / black
RAL® to HEX
convert from RAL®-number (RAL 0000) to #RRGGBB
RAL® to HKS®
convert from RAL®-number (RAL 0000) to HKS®-number (HKS 00)
RAL® to PANTONE®
convert from RAL®-number (RAL 0000) to Pantone®-number (Pantone 0000)
RAL® to Sherwin Williams®
convert from RAL®-number (RAL 0000) to Sherwin Williams®-number (SW 0000)
HKS® to RGB
convert from HKS®-number (HKS 00) to RGB red green blue
HKS® to RGBA
convert from HKS®-number (HKS 00) to RGBA red green blue transparency
HKS® to CMYK
convert from HKS®-number (HKS 00) to CMYK cyan / magenta / yellow / black
HKS® to HEX
convert from HKS®-number (HKS 00) to #RRGGBB
HKS® to RAL®
convert from HKS®-number (HKS 00) to RAL®-number (RAL 0000)
HKS® to PANTONE®
convert from HKS®-number (HKS 00) to Pantone®-number (Pantone 0000)
HKS® to Sherwin Williams®
convert from HKS®-number (HKS 00) to Sherwin Williams®-number (SW 0000)
PANTONE® to RGB
convert from Pantone®-number (Pantone 0000) to RGB red green blue
PANTONE® to RGBA
convert from Pantone®-number (Pantone 0000) to RGBA red green blue transparency
PANTONE® to CMYK
convert from Pantone®-number (Pantone 0000) to CMYK cyan / magenta / yellow / black
PANTONE® to HEX
convert from Pantone®-number (Pantone 0000) to #RRGGBB
PANTONE® to RAL®
convert from Pantone®-number (Pantone 0000) to RAL®-number (RAL 0000)
PANTONE® to HKS®
convert from Pantone®-number (Pantone 0000) to HKS®-number (HKS 00)
PANTONE® to Sherwin Williams®
convert from Pantone®-number (Pantone 0000) to Sherwin Williams®-number (SW 0000)
Sherwin Williams® to RGB
convert from Sherwin Williams®-number (SW 0000) to RGB red green blue
Sherwin Williams® to RGBA
convert from Sherwin Williams®-number (SW 0000) to RGBA red green blue transparency
Sherwin Williams® to CMYK
convert from Sherwin Williams®-number (SW 0000) to CMYK cyan / magenta / yellow / black
Sherwin Williams® to HEX
convert from Sherwin Williams®-number (SW 0000) to #RRGGBB
Sherwin Williams® to RAL®
convert from Sherwin Williams®-number (SW 0000) to RAL®-number (RAL 0000)
Sherwin Williams® to HKS®
convert from Sherwin Williams®-number (SW 0000) to HKS®-number (HKS 00)
Sherwin Williams® to PANTONE®
convert from Sherwin Williams®-number (SW 0000) to Pantone®-number (Pantone 0000)