類似色の青、青緑とグレーの線形グラデーション
線形グラデーション、48色、角度225°：#205991, #8d9b97, #4d59a2, #d1dde2, #364862。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #205991
- #1f5e91
- #206590
- #276d8f
- #33758e
- #427d8c
- #52858b
- #628b8c
- #71908e
- #7e9591
- #879894
- #8c9a96
- #8d9b97
- #899a96
- #809794
- #729392
- #628d92
- #518593
- #427d96
- #397399
- #37699b
- #3b619d
- #415a9e
- #47579f
- #4d59a2
- #5261a7
- #596caf
- #627bb7
- #6c8cc0
- #7a9dc8
- #8baecf
- #9dbed6
- #afcbdb
- #bfd5df
- #cbdbe2
- #d1dde2
- #d0dade
- #c9d3d7
- #bdc8cc
- #aebac0
- #9cabb3
- #899aa4
- #768996
- #657889
- #55687c
- #475b71
- #3d5068
- #364862
CSS
background: linear-gradient(225deg in oklch, oklch(45.67% 0.1089 251.02) 0.0%, oklch(46.90% 0.1037 246.79) 2.1%, oklch(48.63% 0.0962 240.71) 4.3%, oklch(50.74% 0.0871 233.24) 6.4%, oklch(53.12% 0.0769 224.81) 8.5%, oklch(55.65% 0.0660 215.88) 10.6%, oklch(58.22% 0.0551 206.91) 12.8%, oklch(60.70% 0.0445 198.34) 14.9%, oklch(62.97% 0.0349 190.63) 17.0%, oklch(64.93% 0.0268 184.23) 19.1%, oklch(66.45% 0.0208 179.58) 21.3%, oklch(67.42% 0.0172 177.15) 23.4%, oklch(67.71% 0.0168 177.39) 25.5%, oklch(67.12% 0.0201 180.79) 27.7%, oklch(65.72% 0.0267 187.00) 29.8%, oklch(63.72% 0.0360 195.42) 31.9%, oklch(61.29% 0.0472 205.47) 34.0%, oklch(58.62% 0.0596 216.55) 36.2%, oklch(55.90% 0.0723 228.08) 38.3%, oklch(53.32% 0.0847 239.47) 40.4%, oklch(51.07% 0.0961 250.13) 42.6%, oklch(49.32% 0.1057 259.47) 44.7%, oklch(48.28% 0.1128 266.91) 46.8%, oklch(48.11% 0.1167 271.85) 48.9%, oklch(49.06% 0.1166 273.81) 51.1%, oklch(51.33% 0.1128 273.16) 53.2%, oklch(54.71% 0.1061 270.38) 55.3%, oklch(58.91% 0.0970 265.91) 57.4%, oklch(63.65% 0.0861 260.19) 59.6%, oklch(68.67% 0.0741 253.66) 61.7%, oklch(73.69% 0.0617 246.74) 63.8%, oklch(78.42% 0.0494 239.87) 66.0%, oklch(82.60% 0.0379 233.49) 68.1%, oklch(85.94% 0.0279 228.05) 70.2%, oklch(88.17% 0.0199 223.96) 72.3%, oklch(89.02% 0.0146 221.67) 74.5%, oklch(88.25% 0.0122 221.34) 76.6%, oklch(86.02% 0.0119 222.39) 78.7%, oklch(82.59% 0.0134 224.57) 80.9%, oklch(78.20% 0.0162 227.65) 83.0%, oklch(73.13% 0.0200 231.41) 85.1%, oklch(67.61% 0.0246 235.61) 87.2%, oklch(61.92% 0.0296 240.03) 89.4%, oklch(56.30% 0.0347 244.43) 91.5%, oklch(51.02% 0.0396 248.60) 93.6%, oklch(46.34% 0.0439 252.29) 95.7%, oklch(42.50% 0.0474 255.29) 97.9%, oklch(39.76% 0.0496 257.36) 100.0%);