同系色のネイビーと青の線形グラデーション
線形グラデーション、32色、角度135°：#04112b, #043e94, #0978f4, #118cf4, #08285d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #04112b
- #051533
- #05193e
- #051f4b
- #05255a
- #042b68
- #043176
- #043785
- #043e94
- #0444a3
- #054bb2
- #0652bf
- #0759cc
- #0961d8
- #0a68e3
- #0a70ed
- #0978f4
- #0981f9
- #0e8bfb
- #1794fc
- #1e99fc
- #1f99fa
- #1a94f7
- #118cf4
- #0781ee
- #0475e5
- #0669d6
- #095bbf
- #0b4ca3
- #0b3d86
- #09316d
- #08285d
CSS
background: linear-gradient(135deg in oklch, oklch(18.50% 0.0565 260.86) 0.0%, oklch(20.13% 0.0644 260.71) 3.2%, oklch(22.39% 0.0756 260.48) 6.5%, oklch(25.06% 0.0886 260.23) 9.7%, oklch(27.90% 0.1022 259.99) 12.9%, oklch(30.67% 0.1151 259.82) 16.1%, oklch(33.32% 0.1273 259.77) 19.4%, oklch(36.08% 0.1399 259.81) 22.6%, oklch(38.89% 0.1525 259.89) 25.8%, oklch(41.69% 0.1644 259.93) 29.0%, oklch(44.40% 0.1747 259.86) 32.3%, oklch(47.00% 0.1835 259.68) 35.5%, oklch(49.58% 0.1916 259.50) 38.7%, oklch(52.10% 0.1985 259.25) 41.9%, oklch(54.52% 0.2037 258.83) 45.2%, oklch(56.80% 0.2064 258.15) 48.4%, oklch(58.98% 0.2058 257.05) 51.6%, oklch(61.41% 0.2006 255.22) 54.8%, oklch(63.79% 0.1926 253.05) 58.1%, oklch(65.74% 0.1841 251.01) 61.3%, oklch(66.85% 0.1774 249.60) 64.5%, oklch(66.75% 0.1747 249.27) 67.7%, oklch(65.53% 0.1775 250.12) 71.0%, oklch(63.41% 0.1832 251.74) 74.2%, oklch(60.61% 0.1885 253.68) 77.4%, oklch(57.31% 0.1905 255.51) 80.6%, oklch(53.70% 0.1861 256.80) 83.9%, oklch(49.00% 0.1728 257.70) 87.1%, oklch(43.37% 0.1536 258.42) 90.3%, oklch(37.63% 0.1324 259.00) 93.5%, oklch(32.62% 0.1134 259.45) 96.8%, oklch(29.13% 0.1006 259.80) 100.0%);