네이비·보라·파랑 선형 그라데이션
선형 그라데이션, 색상 40개, 각도 180°: #0f1528, #25156f, #722cb0, #856cf2, #00bac9. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #0f1528
- #10162c
- #101631
- #111737
- #12173e
- #141845
- #16174d
- #191755
- #1c165e
- #201667
- #25156f
- #2a1477
- #2f147f
- #341586
- #3a178d
- #421994
- #4a1c9a
- #541fa0
- #5e23a6
- #6828ab
- #722cb0
- #7b31b6
- #8437bb
- #8b3cc1
- #9143c7
- #9549ce
- #9650d6
- #9458df
- #8e62e9
- #856cf2
- #7777f9
- #6582fd
- #4e8efe
- #2d98fc
- #00a2f1
- #00a9e3
- #00afd9
- #00b3d2
- #00b7cc
- #00bac9
CSS
background: linear-gradient(180deg in oklch, oklch(20.08% 0.0400 270.00) 0.0%, oklch(20.62% 0.0460 270.64) 2.6%, oklch(21.24% 0.0537 271.41) 5.1%, oklch(21.95% 0.0630 272.30) 7.7%, oklch(22.73% 0.0735 273.29) 10.3%, oklch(23.59% 0.0849 274.37) 12.8%, oklch(24.53% 0.0968 275.54) 15.4%, oklch(25.54% 0.1089 276.76) 17.9%, oklch(26.62% 0.1210 278.05) 20.5%, oklch(27.78% 0.1327 279.37) 23.1%, oklch(29.00% 0.1437 280.72) 25.6%, oklch(30.29% 0.1537 282.08) 28.2%, oklch(31.65% 0.1624 283.44) 30.8%, oklch(33.07% 0.1695 284.79) 33.3%, oklch(34.62% 0.1753 286.49) 35.9%, oklch(36.34% 0.1804 288.80) 38.5%, oklch(38.21% 0.1849 291.53) 41.0%, oklch(40.18% 0.1888 294.53) 43.6%, oklch(42.23% 0.1920 297.62) 46.2%, oklch(44.34% 0.1947 300.62) 48.7%, oklch(46.46% 0.1968 303.36) 51.3%, oklch(48.57% 0.1985 305.68) 53.8%, oklch(50.64% 0.1996 307.40) 56.4%, oklch(52.63% 0.2003 308.36) 59.0%, oklch(54.53% 0.2005 308.37) 61.5%, oklch(56.28% 0.2004 307.26) 64.1%, oklch(57.87% 0.1998 304.87) 66.7%, oklch(59.35% 0.1985 300.82) 69.2%, oklch(60.78% 0.1961 295.06) 71.8%, oklch(62.16% 0.1928 287.87) 74.4%, oklch(63.48% 0.1888 279.58) 76.9%, oklch(64.74% 0.1843 270.46) 79.5%, oklch(65.94% 0.1794 260.84) 82.1%, oklch(67.06% 0.1744 251.01) 84.6%, oklch(68.11% 0.1595 241.28) 87.2%, oklch(69.08% 0.1408 231.93) 89.7%, oklch(69.96% 0.1306 223.27) 92.3%, oklch(70.76% 0.1254 215.61) 94.9%, oklch(71.45% 0.1233 209.25) 97.4%, oklch(72.05% 0.1229 204.48) 100.0%);