類似色のネイビーから青緑の線形グラデーション
線形グラデーション、32色、角度180°：#06102f, #0b2949, #005064, #10797a, #20a79c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #06102f
- #061131
- #061433
- #071636
- #081a3a
- #091d3d
- #092141
- #0a2545
- #0b2949
- #0b2d4d
- #0a3151
- #093655
- #073b58
- #05405c
- #02455f
- #004b62
- #005064
- #005667
- #005c6a
- #01616c
- #05676f
- #096d72
- #0d7276
- #10797a
- #137f7f
- #158684
- #178d89
- #19938e
- #1b9992
- #1c9e96
- #1ea39a
- #20a79c
CSS
background: linear-gradient(180deg in oklch, oklch(18.50% 0.0648 265.78) 0.0%, oklch(19.21% 0.0652 264.80) 3.2%, oklch(20.08% 0.0656 263.68) 6.5%, oklch(21.11% 0.0662 262.41) 9.7%, oklch(22.27% 0.0669 260.97) 12.9%, oklch(23.53% 0.0676 259.34) 16.1%, oklch(24.87% 0.0683 257.50) 19.4%, oklch(26.27% 0.0691 255.44) 22.6%, oklch(27.72% 0.0699 253.15) 25.8%, oklch(29.17% 0.0706 250.59) 29.0%, oklch(30.62% 0.0714 247.77) 32.3%, oklch(32.07% 0.0721 244.56) 35.5%, oklch(33.58% 0.0727 240.73) 38.7%, oklch(35.14% 0.0732 236.40) 41.9%, oklch(36.76% 0.0736 231.72) 45.2%, oklch(38.41% 0.0741 226.87) 48.4%, oklch(40.10% 0.0741 221.94) 51.6%, oklch(41.80% 0.0747 217.08) 54.8%, oklch(43.50% 0.0759 212.45) 58.1%, oklch(45.21% 0.0774 208.19) 61.3%, oklch(46.91% 0.0788 204.48) 64.5%, oklch(48.60% 0.0806 201.43) 67.7%, oklch(50.41% 0.0829 198.82) 71.0%, oklch(52.33% 0.0856 196.55) 74.2%, oklch(54.31% 0.0887 194.59) 77.4%, oklch(56.31% 0.0921 192.90) 80.6%, oklch(58.27% 0.0955 191.45) 83.9%, oklch(60.14% 0.0988 190.20) 87.1%, oklch(61.88% 0.1020 189.11) 90.3%, oklch(63.42% 0.1048 188.16) 93.5%, oklch(64.73% 0.1071 187.31) 96.8%, oklch(65.75% 0.1089 186.52) 100.0%);