補色のグレー、青とベージュの線形グラデーション
補色のグレー、青とベージュのパレット（32色）。 #8eaa91, #6f9795, #62768a, #5e7b85, #8c9078, #b29f89, #d5bfa1, #e6d6af。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #8eaa91
- #88a792
- #7fa393
- #779d94
- #6f9795
- #698f94
- #668893
- #648191
- #637b8d
- #62768a
- #617488
- #5f7587
- #5e7786
- #5e7b85
- #608082
- #67857e
- #71897a
- #7e8d78
- #8c9078
- #98937b
- #a2967f
- #aa9a84
- #b29f89
- #b9a48f
- #c1ab94
- #c8b199
- #cfb89d
- #d5bfa1
- #dac6a5
- #decca9
- #e2d2ac
- #e6d6af
CSS
background: linear-gradient(45deg in oklch, oklch(70.87% 0.0469 148.36) 0.0%, oklch(69.84% 0.0464 155.19) 3.2%, oklch(68.36% 0.0457 165.40) 6.5%, oklch(66.56% 0.0449 178.00) 9.7%, oklch(64.56% 0.0440 191.96) 12.9%, oklch(62.48% 0.0430 206.30) 16.1%, oklch(60.44% 0.0421 220.02) 19.4%, oklch(58.57% 0.0411 232.09) 22.6%, oklch(56.99% 0.0402 241.54) 25.8%, oklch(55.82% 0.0394 247.34) 29.0%, oklch(55.19% 0.0388 248.51) 32.3%, oklch(55.16% 0.0382 243.97) 35.5%, oklch(55.61% 0.0376 233.57) 38.7%, oklch(56.45% 0.0370 218.46) 41.9%, oklch(57.62% 0.0364 199.88) 45.2%, oklch(59.05% 0.0358 179.05) 48.4%, oklch(60.68% 0.0354 157.19) 51.6%, oklch(62.43% 0.0351 135.53) 54.8%, oklch(64.25% 0.0349 115.29) 58.1%, oklch(66.06% 0.0350 97.69) 61.3%, oklch(67.81% 0.0354 83.96) 64.5%, oklch(69.44% 0.0361 75.17) 67.7%, oklch(71.22% 0.0373 70.15) 71.0%, oklch(73.19% 0.0388 67.92) 74.2%, oklch(75.28% 0.0407 67.96) 77.4%, oklch(77.43% 0.0428 69.75) 80.6%, oklch(79.56% 0.0450 72.77) 83.9%, oklch(81.62% 0.0472 76.50) 87.1%, oklch(83.54% 0.0492 80.42) 90.3%, oklch(85.25% 0.0511 84.01) 93.5%, oklch(86.69% 0.0526 86.75) 96.8%, oklch(87.80% 0.0537 88.12) 100.0%);