同系色のネイビーから青の線形グラデーション
線形グラデーション、32色、角度135°：#14213d, #162b5e, #203d8b, #3b5cb3, #5a7bd8。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #14213d
- #142240
- #152343
- #152446
- #15254a
- #15274f
- #152854
- #162a59
- #162b5e
- #172d64
- #172f69
- #18316f
- #193375
- #1b367b
- #1c3880
- #1e3b85
- #203d8b
- #234190
- #264596
- #2a499b
- #2e4da1
- #3252a7
- #3757ad
- #3b5cb3
- #4060b9
- #4565be
- #496ac4
- #4d6ec9
- #5172cd
- #5576d1
- #5879d5
- #5a7bd8
CSS
background: linear-gradient(135deg in oklch, oklch(25.22% 0.0562 264.00) 0.0%, oklch(25.67% 0.0591 264.04) 3.2%, oklch(26.19% 0.0627 264.07) 6.5%, oklch(26.78% 0.0671 264.11) 9.7%, oklch(27.42% 0.0719 264.15) 12.9%, oklch(28.13% 0.0772 264.19) 16.1%, oklch(28.88% 0.0829 264.24) 19.4%, oklch(29.69% 0.0887 264.29) 22.6%, oklch(30.55% 0.0947 264.35) 25.8%, oklch(31.46% 0.1007 264.41) 29.0%, oklch(32.40% 0.1066 264.48) 32.3%, oklch(33.38% 0.1122 264.55) 35.5%, oklch(34.40% 0.1175 264.63) 38.7%, oklch(35.46% 0.1224 264.71) 41.9%, oklch(36.54% 0.1268 264.80) 45.2%, oklch(37.65% 0.1304 264.90) 48.4%, oklch(38.79% 0.1334 265.00) 51.6%, oklch(40.08% 0.1359 265.13) 54.8%, oklch(41.49% 0.1379 265.27) 58.1%, oklch(43.01% 0.1397 265.42) 61.3%, oklch(44.61% 0.1411 265.58) 64.5%, oklch(46.27% 0.1422 265.76) 67.7%, oklch(47.95% 0.1431 265.93) 71.0%, oklch(49.64% 0.1438 266.11) 74.2%, oklch(51.30% 0.1443 266.29) 77.4%, oklch(52.93% 0.1447 266.46) 80.6%, oklch(54.48% 0.1450 266.62) 83.9%, oklch(55.93% 0.1452 266.78) 87.1%, oklch(57.26% 0.1455 266.92) 90.3%, oklch(58.45% 0.1457 267.05) 93.5%, oklch(59.46% 0.1460 267.16) 96.8%, oklch(60.28% 0.1464 267.24) 100.0%);