くすんだ青、ラベンダーとネイビーの線形グラデーション
線形グラデーション、32色、角度135°：#657ea1, #9d9bca, #b8a1d0, #5f5f84, #08182b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #657ea1
- #697fa4
- #6e82a8
- #7485ad
- #7b89b3
- #838eb9
- #8c92bf
- #9497c5
- #9d9bca
- #a69fcf
- #ada2d3
- #b4a5d6
- #b9a7d8
- #bca7d8
- #bda7d7
- #bca5d5
- #b8a1d0
- #b09bca
- #a694c2
- #9a8bb8
- #8d81ac
- #7e769f
- #6f6a92
- #5f5f84
- #505376
- #414868
- #343d5a
- #28334e
- #1d2a43
- #142339
- #0d1c31
- #08182b
CSS
background: linear-gradient(135deg in oklch, oklch(58.66% 0.0620 258.05) 0.0%, oklch(59.40% 0.0624 260.01) 3.2%, oklch(60.50% 0.0631 262.68) 6.5%, oklch(61.90% 0.0638 265.93) 9.7%, oklch(63.51% 0.0647 269.65) 12.9%, oklch(65.28% 0.0657 273.71) 16.1%, oklch(67.13% 0.0667 277.99) 19.4%, oklch(68.99% 0.0678 282.37) 22.6%, oklch(70.79% 0.0688 286.74) 25.8%, oklch(72.46% 0.0697 290.96) 29.0%, oklch(73.92% 0.0706 294.93) 32.3%, oklch(75.11% 0.0713 298.51) 35.5%, oklch(75.96% 0.0718 301.59) 38.7%, oklch(76.39% 0.0721 304.04) 41.9%, oklch(76.34% 0.0721 305.75) 45.2%, oklch(75.73% 0.0719 306.60) 48.4%, oklch(74.48% 0.0713 306.46) 51.6%, oklch(72.48% 0.0703 305.33) 54.8%, oklch(69.82% 0.0690 303.31) 58.1%, oklch(66.58% 0.0674 300.55) 61.3%, oklch(62.88% 0.0655 297.15) 64.5%, oklch(58.82% 0.0635 293.25) 67.7%, oklch(54.49% 0.0613 288.97) 71.0%, oklch(50.00% 0.0591 284.44) 74.2%, oklch(45.46% 0.0567 279.77) 77.4%, oklch(40.95% 0.0545 275.09) 80.6%, oklch(36.59% 0.0523 270.53) 83.9%, oklch(32.47% 0.0502 266.21) 87.1%, oklch(28.70% 0.0483 262.25) 90.3%, oklch(25.37% 0.0466 258.79) 93.5%, oklch(22.60% 0.0452 255.93) 96.8%, oklch(20.47% 0.0441 253.82) 100.0%);