同系色の青からグレーの線形グラデーション
線形グラデーション、32色、角度180°：#376c9f, #5393c4, #9eb5c9, #bdb0b1, #9a8b94。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #376c9f
- #396fa3
- #3a73a7
- #3c78ac
- #3e7eb2
- #4283b7
- #4788bc
- #4d8ec0
- #5393c4
- #5b99c8
- #639ecc
- #6ca3ce
- #76a8d0
- #7fabd1
- #89afcf
- #93b2cc
- #9eb5c9
- #a7b7c5
- #aeb7c3
- #b3b7c0
- #b7b7bf
- #bab5bc
- #bcb2b7
- #bdb0b1
- #bbadaa
- #b8aba5
- #b4a6a0
- #b0a09c
- #ab9999
- #a59397
- #9f8e95
- #9a8b94
CSS
background: linear-gradient(180deg in oklch, oklch(51.97% 0.0992 249.61) 0.0%, oklch(52.90% 0.1000 249.00) 3.2%, oklch(54.16% 0.1013 248.11) 6.5%, oklch(55.67% 0.1028 247.07) 9.7%, oklch(57.33% 0.1040 246.02) 12.9%, oklch(59.04% 0.1044 245.10) 16.1%, oklch(60.70% 0.1037 244.42) 19.4%, oklch(62.35% 0.1017 243.95) 22.6%, oklch(64.12% 0.0990 243.47) 25.8%, oklch(65.96% 0.0956 243.08) 29.0%, oklch(67.78% 0.0913 242.93) 32.3%, oklch(69.52% 0.0861 243.15) 35.5%, oklch(71.09% 0.0799 243.87) 38.7%, oklch(72.47% 0.0723 244.69) 41.9%, oklch(73.81% 0.0621 244.13) 45.2%, oklch(75.06% 0.0504 243.32) 48.4%, oklch(76.17% 0.0384 243.68) 51.6%, oklch(77.08% 0.0274 246.61) 54.8%, oklch(77.72% 0.0188 253.53) 58.1%, oklch(78.04% 0.0135 266.24) 61.3%, oklch(78.08% 0.0114 288.02) 64.5%, oklch(77.87% 0.0115 315.93) 67.7%, oklch(77.43% 0.0130 345.76) 71.0%, oklch(76.79% 0.0151 13.33) 74.2%, oklch(75.96% 0.0170 34.46) 77.4%, oklch(74.98% 0.0180 44.98) 80.6%, oklch(73.59% 0.0187 44.01) 83.9%, oklch(71.83% 0.0194 34.80) 87.1%, oklch(69.91% 0.0202 20.70) 90.3%, oklch(68.05% 0.0210 5.06) 93.5%, oklch(66.46% 0.0216 351.25) 96.8%, oklch(65.35% 0.0220 342.60) 100.0%);