Xanh lá, xanh cổ vịt, tím và xanh hải quân (gradient tuyến tính)

Bảng màu Xanh lá, xanh cổ vịt, tím và xanh hải quân

Gradient tuyến tính, 32 màu, góc 90°: #a8da49, #309070, #006bb9, #5c36a7, #07142d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a8da49
#9cd651
#8dcf59
#7cc660
#6cbc66
#5bb16b
#4ca66e
#3e9b6f
#309070
#228771
#0f8073
#007b77
#00777d
#007585
#007291
#0070a1
#006bb9
#2f63c7
#4a5bcd
#5c51ce
#6649ca
#6941c1
#653bb5
#5c36a7
#4f3198
#402d87
#322975
#242563
#192052
#101c42
#0a1836
#07142d

CSS

background: linear-gradient(90deg in oklch, oklch(82.68% 0.1791 126.56) 0.0%, oklch(80.90% 0.1735 129.69) 3.2%, oklch(78.49% 0.1652 133.42) 6.5%, oklch(75.58% 0.1551 137.73) 9.7%, oklch(72.34% 0.1439 142.60) 12.9%, oklch(68.91% 0.1323 148.00) 16.1%, oklch(65.44% 0.1210 153.91) 19.4%, oklch(62.07% 0.1108 160.29) 22.6%, oklch(58.97% 0.1024 167.12) 25.8%, oklch(56.26% 0.0964 174.38) 29.0%, oklch(54.11% 0.0938 182.05) 32.3%, oklch(52.65% 0.0908 190.46) 35.5%, oklch(51.82% 0.0881 200.63) 38.7%, oklch(51.48% 0.0897 212.16) 41.9%, oklch(51.49% 0.0971 224.52) 45.2%, oklch(51.71% 0.1133 237.23) 48.4%, oklch(51.99% 0.1463 249.77) 51.6%, oklch(52.19% 0.1657 261.64) 54.8%, oklch(52.18% 0.1773 272.35) 58.1%, oklch(51.81% 0.1858 281.40) 61.3%, oklch(50.93% 0.1902 288.28) 64.5%, oklch(49.41% 0.1892 292.51) 67.7%, oklch(47.18% 0.1830 294.05) 71.0%, oklch(44.37% 0.1724 293.38) 74.2%, oklch(41.13% 0.1586 290.92) 77.4%, oklch(37.63% 0.1424 287.13) 80.6%, oklch(34.02% 0.1250 282.47) 83.9%, oklch(30.45% 0.1073 277.39) 87.1%, oklch(27.07% 0.0903 272.33) 90.3%, oklch(24.05% 0.0751 267.75) 93.5%, oklch(21.54% 0.0625 264.10) 96.8%, oklch(19.69% 0.0537 261.83) 100.0%);

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

Gradient cực quang

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