| use | orange | blue | red | green | gold | silver |
|---|---|---|---|---|---|---|
| base color | #e56038 | #369be7 | #990000 | #008000 | #ffd700 | #c0c0c0 |
| 4 Stufen heller gradient derivation |
#ff8c66 | #86c3f1 | #c26666 | #66b366 | #ffe766 | #d9d9d9 |
| linear-gradient 2-Colors |
linear-gradient(to top, #e56038 0%, #ff8c66 100%) | linear-gradient(to top, #369be7 0%, #86c3f1 100%) | linear-gradient(to top, #990000 0%, #c26666 100%) | linear-gradient(to top, #008000 0%, #66b366 100%) | linear-gradient(to top, #ffd700 0%, #ffe766 100%) | linear-gradient(to top, #c0c0c0 0%, #d9d9d9 100%) |
| linear-gradient 3-Colors |
linear-gradient(to top, #ff8c66, #e56038, #ff8c66) | linear-gradient(to top, #86c3f1, #369be7, #86c3f1) | linear-gradient(to top, #c26666, #990000, #c26666) | linear-gradient(to top, #66b366, #008000, #66b366) | linear-gradient(to top, #ffe766, #ffd700, #ffe766) | linear-gradient(to top, #d9d9d9, #c0c0c0, #d9d9d9) |
| 4 Stufen dunklerslidebutton, #mobileMenue ... | #cc5836 | #205d8b | #5c0000 | #004d00 | #998100 | #737373 |
| 5 Stufen heller .toggleMobile |
#eda28c | #9acdf3 | #cc8080 | #80c080 | #ffeb80 | #e0e0e0 |
| 7 Stufen heller navigation |
#eacab5 | #c3e1f8 | #e0b2b2 | #b2d9b2 | #fff3be | #ececec |