Gedecktes monochromes Marineblau bis Blau, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 90°: #2c354a, #36445e, #455977, #556f8f, #6684a5. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#2c354a
#2d364c
#2e384e
#2f3950
#303b52
#323d55
#333f58
#35425b
#36445e
#384761
#3a4964
#3c4c68
#3e4f6b
#3f516e
#415471
#435774
#455977
#475c7b
#495f7e
#4b6281
#4e6585
#506988
#536c8c
#556f8f
#587293
#5a7596
#5d7899
#5f7b9c
#617e9f
#6380a1
#6482a4
#6684a5

CSS

background: linear-gradient(90deg in oklch, oklch(33.07% 0.0400 266.48) 0.0%, oklch(33.52% 0.0405 266.17) 3.2%, oklch(34.07% 0.0412 265.79) 6.5%, oklch(34.69% 0.0421 265.35) 9.7%, oklch(35.38% 0.0430 264.85) 12.9%, oklch(36.13% 0.0440 264.31) 16.1%, oklch(36.94% 0.0451 263.73) 19.4%, oklch(37.79% 0.0462 263.12) 22.6%, oklch(38.69% 0.0474 262.50) 25.8%, oklch(39.60% 0.0486 261.86) 29.0%, oklch(40.54% 0.0497 261.22) 32.3%, oklch(41.49% 0.0509 260.58) 35.5%, oklch(42.44% 0.0520 259.96) 38.7%, oklch(43.39% 0.0530 259.37) 41.9%, oklch(44.32% 0.0539 258.80) 45.2%, oklch(45.23% 0.0547 258.28) 48.4%, oklch(46.12% 0.0555 257.79) 51.6%, oklch(47.06% 0.0561 257.31) 54.8%, oklch(48.07% 0.0568 256.82) 58.1%, oklch(49.11% 0.0574 256.33) 61.3%, oklch(50.19% 0.0579 255.85) 64.5%, oklch(51.28% 0.0585 255.37) 67.7%, oklch(52.38% 0.0589 254.90) 71.0%, oklch(53.47% 0.0594 254.44) 74.2%, oklch(54.54% 0.0598 254.00) 77.4%, oklch(55.57% 0.0602 253.59) 80.6%, oklch(56.55% 0.0606 253.19) 83.9%, oklch(57.46% 0.0609 252.82) 87.1%, oklch(58.30% 0.0612 252.49) 90.3%, oklch(59.06% 0.0615 252.18) 93.5%, oklch(59.70% 0.0618 251.92) 96.8%, oklch(60.24% 0.0620 251.69) 100.0%);

In diesen Sammlungen

Farbverläufe für App-Hintergründe