Marineblau, Gelbbraun, Olivgrün und Beige, linearer Farbverlauf

Farbpalette Marineblau, Gelbbraun, Olivgrün und Beige

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #17223a, #a06777, #c0a45d, #647341, #e6d4ba. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

5 bearbeitbare OKLCH-Keyframes.

#17223a
#212842
#2e2f4d
#3f3759
#534164
#694b6d
#7e5574
#915e77
#a06777
#ae6f75
#ba7872
#c3826d
#ca8b69
#cd9564
#cc9d61
#c8a25f
#c0a45d
#b2a159
#a19a53
#8e904d
#7d8547
#707b42
#677540
#647341
#6a7647
#777f52
#8a8c61
#a09c74
#b6ac88
#cabc9c
#dbcaae
#e6d4ba

CSS

background: linear-gradient(135deg in oklch, oklch(25.59% 0.0482 264.37) 0.0%, oklch(28.22% 0.0505 271.96) 3.2%, oklch(31.86% 0.0536 282.15) 6.5%, oklch(36.20% 0.0572 294.28) 9.7%, oklch(40.93% 0.0612 307.71) 12.9%, oklch(45.77% 0.0654 321.78) 16.1%, oklch(50.39% 0.0695 335.83) 19.4%, oklch(54.51% 0.0733 349.22) 22.6%, oklch(57.86% 0.0766 1.36) 25.8%, oklch(60.96% 0.0800 13.36) 29.0%, oklch(63.98% 0.0836 25.61) 32.3%, oklch(66.79% 0.0872 37.82) 35.5%, oklch(69.26% 0.0905 49.73) 38.7%, oklch(71.24% 0.0933 61.06) 41.9%, oklch(72.62% 0.0953 71.55) 45.2%, oklch(73.24% 0.0964 80.91) 48.4%, oklch(72.85% 0.0962 89.03) 51.6%, oklch(70.80% 0.0948 96.59) 54.8%, oklch(67.50% 0.0925 103.55) 58.1%, oklch(63.56% 0.0894 109.71) 61.3%, oklch(59.55% 0.0858 114.84) 64.5%, oklch(56.06% 0.0819 118.76) 67.7%, oklch(53.68% 0.0778 121.26) 71.0%, oklch(52.99% 0.0740 122.13) 74.2%, oklch(54.49% 0.0701 120.79) 77.4%, oklch(57.95% 0.0656 116.67) 80.6%, oklch(62.81% 0.0607 110.52) 83.9%, oklch(68.48% 0.0557 103.15) 87.1%, oklch(74.39% 0.0508 95.37) 90.3%, oklch(79.96% 0.0464 87.99) 93.5%, oklch(84.62% 0.0427 81.83) 96.8%, oklch(87.80% 0.0400 77.68) 100.0%);