ネイビー、ピーチと紫の線形グラデーション
ネイビー、ピーチと紫のパレット（32色）。 #171b4c, #553a6a, #be848a, #f2c3a6, #ffcfac, #e79f9a, #9a5f96, #634690。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム3個。
- #171b4c
- #222052
- #30275a
- #413062
- #553a6a
- #6a4671
- #805378
- #96627e
- #ab7384
- #be848a
- #cf9590
- #dda697
- #e9b69f
- #f2c3a6
- #f9cdac
- #fed4b0
- #ffd7b3
- #ffd5b2
- #ffcfac
- #fcc6a7
- #f7bba2
- #f0ae9d
- #e79f9a
- #db9197
- #cd8297
- #bd7596
- #ac6996
- #9a5f96
- #895695
- #794f93
- #6c4a92
- #634690
CSS
background: linear-gradient(45deg in oklch, oklch(25.20% 0.0896 274.22) 0.0%, oklch(27.77% 0.0886 280.16) 3.2%, oklch(31.19% 0.0873 288.13) 6.5%, oklch(35.33% 0.0856 297.80) 9.7%, oklch(40.04% 0.0836 308.82) 12.9%, oklch(45.19% 0.0815 320.86) 16.1%, oklch(50.63% 0.0793 333.58) 19.4%, oklch(56.22% 0.0770 346.64) 22.6%, oklch(61.83% 0.0748 359.69) 25.8%, oklch(67.31% 0.0727 12.40) 29.0%, oklch(72.52% 0.0708 24.43) 32.3%, oklch(77.33% 0.0692 35.44) 35.5%, oklch(81.59% 0.0680 45.08) 38.7%, oklch(85.16% 0.0672 53.03) 41.9%, oklch(87.90% 0.0669 58.93) 45.2%, oklch(89.68% 0.0671 62.46) 48.4%, oklch(90.36% 0.0652 63.30) 51.6%, oklch(90.01% 0.0660 61.50) 54.8%, oklch(88.75% 0.0713 57.40) 58.1%, oklch(86.71% 0.0751 51.31) 61.3%, oklch(84.01% 0.0785 43.56) 64.5%, oklch(80.77% 0.0823 34.46) 67.7%, oklch(77.12% 0.0863 24.33) 71.0%, oklch(73.19% 0.0906 13.50) 74.2%, oklch(69.08% 0.0949 2.27) 77.4%, oklch(64.93% 0.0991 350.97) 80.6%, oklch(60.87% 0.1033 339.92) 83.9%, oklch(57.00% 0.1072 329.44) 87.1%, oklch(53.47% 0.1107 319.85) 90.3%, oklch(50.39% 0.1139 311.46) 93.5%, oklch(47.88% 0.1165 304.60) 96.8%, oklch(46.06% 0.1185 299.58) 100.0%);