Темно-синій, сірий і коричневий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 225°: #061730, #0b3c68, #6a5a64, #b0541b, #91300a. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

8 ключових кадрів OKLCH, які можна редагувати.

• #061730
• #071a34
• #081e3a
• #092341
• #0b2848
• #0c2d4f
• #0b3258
• #0a3760
• #0b3c68
• #12416d
• #1a486e
• #254e6d
• #33546b
• #41576c
• #50596e
• #5f596b
• #6a5a64
• #725c5d
• #785e57
• #835e4d
• #915c40
• #9e5832
• #a95425
• #b0541b
• #b65718
• #bb591b
• #bd591e
• #ba551c
• #b14c18
• #a54113
• #99370e
• #91300a

CSS

background: linear-gradient(225deg in oklch, oklch(20.47% 0.0551 258.05) 0.0%, oklch(21.71% 0.0574 257.15) 3.2%, oklch(23.47% 0.0606 255.84) 6.5%, oklch(25.50% 0.0644 254.42) 9.7%, oklch(27.54% 0.0685 253.17) 12.9%, oklch(29.39% 0.0732 252.31) 16.1%, oklch(31.24% 0.0801 251.65) 19.4%, oklch(33.10% 0.0870 251.15) 22.6%, oklch(34.98% 0.0913 250.81) 25.8%, oklch(36.89% 0.0904 250.57) 29.0%, oklch(38.91% 0.0821 247.28) 32.3%, oklch(40.99% 0.0690 242.59) 35.5%, oklch(43.01% 0.0548 241.18) 38.7%, oklch(44.82% 0.0435 247.72) 41.9%, oklch(46.31% 0.0365 267.70) 45.2%, oklch(47.57% 0.0304 301.32) 48.4%, oklch(48.66% 0.0269 339.83) 51.6%, oklch(49.67% 0.0281 14.20) 54.8%, oklch(50.68% 0.0364 35.74) 58.1%, oklch(51.65% 0.0554 45.34) 61.3%, oklch(52.55% 0.0809 47.94) 64.5%, oklch(53.40% 0.1065 47.21) 67.7%, oklch(54.22% 0.1262 46.86) 71.0%, oklch(55.23% 0.1369 48.00) 74.2%, oklch(56.51% 0.1425 48.12) 77.4%, oklch(57.56% 0.1448 47.52) 80.6%, oklch(57.85% 0.1456 46.56) 83.9%, oklch(56.83% 0.1463 45.50) 87.1%, oklch(54.14% 0.1450 43.81) 90.3%, oklch(50.60% 0.1424 41.79) 93.5%, oklch(47.18% 0.1396 39.89) 96.8%, oklch(44.88% 0.1378 38.59) 100.0%);

У цих колекціях

Помаранчево-сині градієнти

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює