Grün, Violett und Hellblau, linearer Farbverlauf

Linearer Farbverlauf, 40 Farben im Winkel von 45°: #5eb388, #8a6067, #2e4f72, #7dcee7, #aac8ae. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

5 bearbeitbare OKLCH-Keyframes.

#5eb388
#6aae7b
#79a66c
#879d5d
#929253
#9a864f
#9d7c51
#9b7256
#976b5d
#916563
#8a6067
#815b6a
#78566c
#6d516c
#614c6c
#56486c
#4b466b
#41456b
#38466c
#31496e
#2e4f72
#2f587a
#346486
#3c7394
#4784a5
#5395b6
#60a6c6
#6cb6d5
#75c4e1
#7dcee7
#82d5e8
#86dae5
#8bdbde
#90dbd6
#96d8cd
#9bd5c4
#a0d1bc
#a4cdb5
#a7cab1
#aac8ae

CSS

background: linear-gradient(45deg in oklch, oklch(70.08% 0.1047 160.31) 0.0%, oklch(69.07% 0.1014 151.03) 2.6%, oklch(67.76% 0.0967 138.86) 5.1%, oklch(66.20% 0.0910 124.38) 7.7%, oklch(64.45% 0.0847 108.19) 10.3%, oklch(62.58% 0.0782 90.87) 12.8%, oklch(60.65% 0.0717 73.02) 15.4%, oklch(58.72% 0.0658 55.21) 17.9%, oklch(56.86% 0.0608 38.04) 20.5%, oklch(55.12% 0.0569 22.11) 23.1%, oklch(53.55% 0.0547 7.91) 25.6%, oklch(51.73% 0.0539 354.24) 28.2%, oklch(49.63% 0.0542 340.63) 30.8%, oklch(47.39% 0.0553 327.20) 33.3%, oklch(45.19% 0.0572 314.12) 35.9%, oklch(43.18% 0.0595 301.54) 38.5%, oklch(41.53% 0.0621 289.60) 41.0%, oklch(40.40% 0.0647 278.45) 43.6%, oklch(39.96% 0.0672 268.26) 46.2%, oklch(40.37% 0.0694 259.16) 48.7%, oklch(41.84% 0.0712 251.38) 51.3%, oklch(44.65% 0.0733 245.33) 53.8%, oklch(48.57% 0.0758 240.74) 56.4%, oklch(53.28% 0.0784 237.25) 59.0%, oklch(58.47% 0.0810 234.51) 61.5%, oklch(63.84% 0.0834 232.16) 64.1%, oklch(69.09% 0.0853 229.82) 66.7%, oklch(73.89% 0.0867 227.16) 69.2%, oklch(77.95% 0.0874 223.80) 71.8%, oklch(80.95% 0.0871 219.39) 74.4%, oklch(82.77% 0.0855 213.65) 76.9%, oklch(83.79% 0.0827 206.76) 79.5%, oklch(84.16% 0.0788 199.05) 82.1%, oklch(84.03% 0.0742 190.85) 84.6%, oklch(83.52% 0.0692 182.47) 87.2%, oklch(82.79% 0.0640 174.25) 89.7%, oklch(81.96% 0.0591 166.50) 92.3%, oklch(81.18% 0.0546 159.56) 94.9%, oklch(80.58% 0.0509 153.75) 97.4%, oklch(80.31% 0.0482 149.39) 100.0%);

In diesen Sammlungen

Schuluniform