Xanh hải quân, tím, hồng và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #101c34, #3a4960, #66408c, #c14488, #ebdebc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101c34
#131f37
#18243c
#1d2b41
#243246
#2b394c
#313f53
#364559
#3a4960
#3c4b66
#3e4b6d
#404a74
#45497a
#4b4680
#524384
#5c4189
#66408c
#703f90
#7c3d93
#883c95
#953b95
#a33c93
#b23e8f
#c14488
#cf507f
#dd6275
#e67a6f
#eb9472
#ebac80
#eac295
#ead3ab
#ebdebc

CSS

background: linear-gradient(45deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(24.28% 0.0497 262.90) 3.2%, oklch(26.30% 0.0473 261.48) 6.5%, oklch(28.72% 0.0445 259.78) 9.7%, oklch(31.34% 0.0417 258.13) 12.9%, oklch(33.97% 0.0397 256.89) 16.1%, oklch(36.43% 0.0390 256.40) 19.4%, oklch(38.54% 0.0402 257.00) 22.6%, oklch(40.10% 0.0439 259.05) 25.8%, oklch(41.12% 0.0506 262.54) 29.0%, oklch(41.75% 0.0596 267.19) 32.3%, oklch(42.13% 0.0703 272.74) 35.5%, oklch(42.40% 0.0819 278.93) 38.7%, oklch(42.69% 0.0938 285.48) 41.9%, oklch(43.16% 0.1052 292.13) 45.2%, oklch(43.94% 0.1154 298.62) 48.4%, oklch(45.10% 0.1243 304.69) 51.6%, oklch(46.38% 0.1343 310.38) 54.8%, oklch(47.75% 0.1449 315.93) 58.1%, oklch(49.28% 0.1552 321.58) 61.3%, oklch(51.01% 0.1641 327.58) 64.5%, oklch(53.00% 0.1708 334.17) 67.7%, oklch(55.29% 0.1742 341.60) 71.0%, oklch(57.94% 0.1733 350.11) 74.2%, oklch(61.16% 0.1666 0.36) 77.4%, oklch(65.22% 0.1535 12.98) 80.6%, oklch(69.84% 0.1358 27.11) 83.9%, oklch(74.69% 0.1154 41.85) 87.1%, oklch(79.46% 0.0944 56.28) 90.3%, oklch(83.84% 0.0747 69.49) 93.5%, oklch(87.51% 0.0582 80.57) 96.8%, oklch(90.16% 0.0469 88.60) 100.0%);

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

Gradient bản đồ thời tiết

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