ネイビー、緑、タンとピーチの線形グラデーション
線形グラデーション、32色、角度0°：#051a47, #21527b, #84b398, #dbd897, #ffa981。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #051a47
- #061d4c
- #082153
- #09255b
- #0b2b63
- #0c336b
- #103c71
- #174776
- #21527b
- #2d5e80
- #376a84
- #40768a
- #4a838e
- #569192
- #659d94
- #75a996
- #84b398
- #92bc9a
- #9fc59b
- #abcc9c
- #b8d29b
- #c4d69a
- #d0d898
- #dbd897
- #e4d796
- #ecd494
- #f2d091
- #f8ca8c
- #fcc187
- #feb782
- #ffaf81
- #ffa981
CSS
background: linear-gradient(0deg in oklch, oklch(23.62% 0.0882 262.27) 0.0%, oklch(24.79% 0.0914 262.06) 3.2%, oklch(26.35% 0.0964 262.00) 6.5%, oklch(28.28% 0.1017 261.67) 9.7%, oklch(30.51% 0.1055 260.65) 12.9%, oklch(33.02% 0.1064 258.53) 16.1%, oklch(35.85% 0.1027 255.35) 19.4%, oklch(39.09% 0.0952 251.59) 22.6%, oklch(42.61% 0.0859 246.93) 25.8%, oklch(46.27% 0.0765 241.01) 29.0%, oklch(49.97% 0.0692 233.48) 32.3%, oklch(53.67% 0.0650 223.69) 35.5%, oklch(57.61% 0.0624 211.05) 38.7%, oklch(61.63% 0.0611 196.86) 41.9%, oklch(65.55% 0.0608 182.55) 45.2%, oklch(69.20% 0.0614 169.55) 48.4%, oklch(72.45% 0.0629 159.06) 51.6%, oklch(75.52% 0.0662 150.40) 54.8%, oklch(78.37% 0.0705 142.85) 58.1%, oklch(80.91% 0.0751 135.85) 61.3%, oklch(83.07% 0.0792 128.82) 64.5%, oklch(84.76% 0.0821 121.24) 67.7%, oklch(86.03% 0.0834 113.42) 71.0%, oklch(86.90% 0.0840 105.58) 74.2%, oklch(87.40% 0.0846 97.77) 77.4%, oklch(87.54% 0.0860 90.03) 80.6%, oklch(87.34% 0.0888 82.40) 83.9%, oklch(86.49% 0.0938 74.19) 87.1%, oklch(85.11% 0.1002 65.63) 90.3%, oklch(83.52% 0.1070 57.49) 93.5%, oklch(82.07% 0.1122 50.57) 96.8%, oklch(81.10% 0.1148 45.63) 100.0%);