Xanh hải quân, tím, xanh dương và xanh chanh (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, xanh dương và xanh chanh

Gradient tuyến tính, 32 màu, góc 90°: #03071b, #181d56, #5d35a9, #4488ff, #b6f44d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#03071b
#04081f
#050a25
#060d2b
#080f32
#0b123a
#0f1643
#13194d
#181d56
#1c2060
#22246b
#282875
#302b7f
#3a2e8a
#463094
#52339e
#5d35a9
#6939b3
#723ebf
#7846cd
#7a4fdc
#755ded
#646ffe
#4488ff
#00a1f7
#00b5e4
#00c6d7
#00d6c8
#00e6af
#46f286
#8ff466
#b6f44d

CSS

background: linear-gradient(90deg in oklch, oklch(13.78% 0.0455 267.19) 0.0%, oklch(14.76% 0.0499 267.65) 3.2%, oklch(15.97% 0.0554 268.23) 6.5%, oklch(17.39% 0.0620 268.90) 9.7%, oklch(18.99% 0.0694 269.65) 12.9%, oklch(20.73% 0.0774 270.48) 16.1%, oklch(22.61% 0.0859 271.37) 19.4%, oklch(24.57% 0.0945 272.30) 22.6%, oklch(26.61% 0.1032 273.28) 25.8%, oklch(28.70% 0.1118 274.28) 29.0%, oklch(30.80% 0.1200 275.30) 32.3%, oklch(32.91% 0.1280 276.68) 35.5%, oklch(35.10% 0.1368 279.34) 38.7%, oklch(37.38% 0.1461 282.90) 41.9%, oklch(39.72% 0.1556 286.87) 45.2%, oklch(42.14% 0.1651 290.77) 48.4%, oklch(44.63% 0.1744 294.13) 51.6%, oklch(47.19% 0.1832 296.45) 54.8%, oklch(49.81% 0.1912 297.26) 58.1%, oklch(52.49% 0.1981 296.06) 61.3%, oklch(55.23% 0.2038 292.39) 64.5%, oklch(58.04% 0.2079 285.68) 67.7%, oklch(61.16% 0.2103 274.91) 71.0%, oklch(64.56% 0.1896 260.61) 74.2%, oklch(68.15% 0.1670 243.68) 77.4%, oklch(71.80% 0.1361 225.02) 80.6%, oklch(75.43% 0.1289 205.54) 83.9%, oklch(78.91% 0.1383 186.15) 87.1%, oklch(82.16% 0.1668 167.77) 90.3%, oklch(85.05% 0.2033 151.29) 93.5%, oklch(87.49% 0.2019 137.63) 96.8%, oklch(89.37% 0.2012 127.70) 100.0%);

Trong các bộ sưu tập này

Gradient Black Friday

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động