Xanh hải quân, tím, xám và nâu (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 225°: #25264b, #6f97ad, #793736, #93a2bb, #5e4146. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#25264b
#282c50
#2b3458
#303e61
#364a6b
#3c5775
#446480
#4d718a
#567d93
#5f879b
#668fa3
#6b95a9
#6f97ad
#7095b0
#728eb0
#7485ad
#7879a6
#7c6b9a
#7f5d89
#815075
#804561
#7d3d4e
#7a383f
#783637
#793736
#7c3b3e
#81414c
#854b5e
#895673
#8c6487
#8d7299
#8d80a7
#8e8db1
#9097b7
#929ebb
#93a2bb
#93a1b9
#929cb4
#8e95ad
#8a8ca4
#858199
#80758d
#7a6a7f
#745f71
#6e5563
#684c57
#62454d
#5e4146

CSS

background: linear-gradient(225deg in oklch, oklch(28.74% 0.0661 279.84) 0.0%, oklch(30.75% 0.0654 276.84) 2.1%, oklch(33.55% 0.0643 272.16) 4.3%, oklch(36.95% 0.0629 266.27) 6.4%, oklch(40.78% 0.0613 259.62) 8.5%, oklch(44.86% 0.0596 252.67) 10.6%, oklch(49.02% 0.0580 245.86) 12.8%, oklch(53.06% 0.0566 239.65) 14.9%, oklch(56.83% 0.0553 234.50) 17.0%, oklch(60.13% 0.0545 230.85) 19.1%, oklch(62.78% 0.0542 229.16) 21.3%, oklch(64.62% 0.0545 229.89) 23.4%, oklch(65.46% 0.0555 233.53) 25.5%, oklch(65.16% 0.0576 241.23) 27.7%, oklch(63.88% 0.0608 252.67) 29.8%, oklch(61.82% 0.0648 266.98) 31.9%, oklch(59.19% 0.0693 283.30) 34.0%, oklch(56.20% 0.0741 300.77) 36.2%, oklch(53.04% 0.0789 318.51) 38.3%, oklch(49.94% 0.0834 335.66) 40.4%, oklch(47.09% 0.0874 351.36) 42.6%, oklch(44.71% 0.0907 4.74) 44.7%, oklch(42.99% 0.0929 14.93) 46.8%, oklch(42.15% 0.0938 21.07) 48.9%, oklch(42.39% 0.0932 22.30) 51.1%, oklch(43.69% 0.0909 18.50) 53.2%, oklch(45.86% 0.0874 10.52) 55.3%, oklch(48.70% 0.0828 359.28) 57.4%, oklch(52.00% 0.0774 345.70) 59.6%, oklch(55.56% 0.0714 330.69) 61.7%, oklch(59.17% 0.0653 315.18) 63.8%, oklch(62.62% 0.0592 300.09) 66.0%, oklch(65.72% 0.0534 286.32) 68.1%, oklch(68.26% 0.0482 274.80) 70.2%, oklch(70.04% 0.0438 266.46) 72.3%, oklch(70.84% 0.0406 262.20) 74.5%, oklch(70.54% 0.0385 262.50) 76.6%, oklch(69.29% 0.0372 266.42) 78.7%, oklch(67.26% 0.0365 273.30) 80.9%, oklch(64.62% 0.0364 282.54) 83.0%, oklch(61.52% 0.0366 293.52) 85.1%, oklch(58.14% 0.0372 305.63) 87.2%, oklch(54.63% 0.0380 318.24) 89.4%, oklch(51.16% 0.0389 330.76) 91.5%, oklch(47.89% 0.0397 342.57) 93.6%, oklch(44.99% 0.0405 353.04) 95.7%, oklch(42.62% 0.0411 1.58) 97.9%, oklch(40.94% 0.0413 7.55) 100.0%);

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