くすんだ類似色のラベンダーとネイビーの線形スウォッチ
線形スウォッチ、32色、角度60°：#c9a7cd, #a586c8, #786cb3, #565892, #3d4266。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #c9a7cd
- #c7a5cd
- #c4a1cc
- #c09dcb
- #bc99cb
- #b794ca
- #b18fc9
- #ab8bc9
- #a586c8
- #9f82c6
- #997ec5
- #947bc3
- #8e78c0
- #8874bd
- #8372ba
- #7d6fb7
- #786cb3
- #7369af
- #6d66ab
- #6964a6
- #6461a2
- #5f5e9d
- #5b5b98
- #565892
- #52548b
- #4e5185
- #4a4e7e
- #474b78
- #444872
- #41456d
- #3f4369
- #3d4266
CSS
background: linear-gradient(60deg, oklch(77.17% 0.0648 322.73) 0.000% 3.125%, oklch(76.42% 0.0674 321.44) 3.125% 6.250%, oklch(75.46% 0.0711 319.76) 6.250% 9.375%, oklch(74.33% 0.0756 317.76) 9.375% 12.500%, oklch(73.06% 0.0805 315.51) 12.500% 15.625%, oklch(71.69% 0.0858 313.11) 15.625% 18.750%, oklch(70.26% 0.0910 310.61) 18.750% 21.875%, oklch(68.79% 0.0960 308.09) 21.875% 25.000%, oklch(67.34% 0.1004 305.63) 25.000% 28.125%, oklch(65.92% 0.1042 303.31) 28.125% 31.250%, oklch(64.59% 0.1069 301.19) 31.250% 34.375%, oklch(63.35% 0.1084 299.28) 34.375% 37.500%, oklch(62.12% 0.1094 297.40) 37.500% 40.625%, oklch(60.89% 0.1097 295.54) 40.625% 43.750%, oklch(59.67% 0.1095 293.72) 43.750% 46.875%, oklch(58.46% 0.1088 291.96) 46.875% 50.000%, oklch(57.24% 0.1078 290.26) 50.000% 53.125%, oklch(56.03% 0.1064 288.64) 53.125% 56.250%, oklch(54.82% 0.1047 287.12) 56.250% 59.375%, oklch(53.60% 0.1027 285.70) 59.375% 62.500%, oklch(52.39% 0.1007 284.42) 62.500% 65.625%, oklch(51.16% 0.0984 283.27) 65.625% 68.750%, oklch(49.86% 0.0956 282.25) 68.750% 71.875%, oklch(48.48% 0.0920 281.36) 71.875% 75.000%, oklch(47.07% 0.0880 280.58) 75.000% 78.125%, oklch(45.65% 0.0838 279.90) 78.125% 81.250%, oklch(44.26% 0.0794 279.31) 81.250% 84.375%, oklch(42.94% 0.0750 278.80) 84.375% 87.500%, oklch(41.71% 0.0710 278.36) 87.500% 90.625%, oklch(40.62% 0.0673 277.96) 90.625% 93.750%, oklch(39.70% 0.0643 277.61) 93.750% 96.875%, oklch(38.98% 0.0620 277.29) 96.875% 100.000%);