類似色の青、紫とピンクの線形グラデーション
線形グラデーション、32色、角度180°：#4b3c79, #635a9c, #9278c3, #c089ca, #f79ac9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #4b3c79
- #4d3e7c
- #4f417f
- #514583
- #544988
- #574d8d
- #5b5292
- #5f5697
- #635a9c
- #685ea1
- #6d62a7
- #7366ac
- #796ab1
- #7f6db6
- #8571bb
- #8c74bf
- #9278c3
- #997ac5
- #9f7dc7
- #a680c8
- #ad82c8
- #b385c9
- #ba87c9
- #c089ca
- #c78ccb
- #cf8ecb
- #d790cc
- #df93cb
- #e695cb
- #ed97ca
- #f399ca
- #f79ac9
CSS
background: linear-gradient(180deg in oklch, oklch(40.27% 0.1001 292.66) 0.0%, oklch(41.06% 0.1002 292.21) 3.2%, oklch(42.10% 0.1005 291.50) 6.5%, oklch(43.33% 0.1007 290.65) 9.7%, oklch(44.71% 0.1010 289.78) 12.9%, oklch(46.18% 0.1014 289.01) 16.1%, oklch(47.69% 0.1019 288.45) 19.4%, oklch(49.18% 0.1026 288.23) 22.6%, oklch(50.61% 0.1034 288.47) 25.8%, oklch(52.08% 0.1045 289.02) 29.0%, oklch(53.61% 0.1060 289.81) 32.3%, oklch(55.18% 0.1076 290.85) 35.5%, oklch(56.77% 0.1093 292.12) 38.7%, oklch(58.33% 0.1108 293.62) 41.9%, oklch(59.85% 0.1121 295.36) 45.2%, oklch(61.29% 0.1130 297.32) 48.4%, oklch(62.63% 0.1134 299.53) 51.6%, oklch(63.90% 0.1132 302.10) 54.8%, oklch(65.11% 0.1125 304.98) 58.1%, oklch(66.27% 0.1116 308.10) 61.3%, oklch(67.40% 0.1107 311.38) 64.5%, oklch(68.51% 0.1099 314.75) 67.7%, oklch(69.62% 0.1095 318.14) 71.0%, oklch(70.73% 0.1096 321.47) 74.2%, oklch(71.89% 0.1105 324.85) 77.4%, oklch(73.12% 0.1121 328.59) 80.6%, oklch(74.38% 0.1142 332.52) 83.9%, oklch(75.63% 0.1165 336.47) 87.1%, oklch(76.80% 0.1189 340.24) 90.3%, oklch(77.86% 0.1212 343.65) 93.5%, oklch(78.75% 0.1230 346.51) 96.8%, oklch(79.42% 0.1243 348.64) 100.0%);