Be, tím, nâu và xanh hải quân (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #feefcf, #2e375e, #ba7b28, #c1a47a, #11182b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#feefcf
#f3dabe
#e1bcab
#c59a9c
#a17b8f
#796181
#544d72
#3a3f64
#2e375e
#333561
#453668
#61396b
#813e64
#9e4a54
#b05b3f
#b86e2d
#ba7b28
#ba8931
#bb9542
#bda053
#c0a763
#c2ab6f
#c3aa77
#c1a47a
#ba9777
#ab8371
#946c6a
#765461
#564055
#382f46
#202137
#11182b

CSS

background: linear-gradient(315deg in oklch, oklch(95.67% 0.0455 86.48) 0.0%, oklch(90.21% 0.0470 70.15) 3.2%, oklch(82.25% 0.0488 45.80) 6.5%, oklch(72.74% 0.0509 16.67) 9.7%, oklch(62.61% 0.0534 345.98) 12.9%, oklch(52.83% 0.0564 316.96) 16.1%, oklch(44.34% 0.0599 292.84) 19.4%, oklch(38.08% 0.0640 276.84) 22.6%, oklch(34.99% 0.0689 272.17) 25.8%, oklch(34.99% 0.0758 279.69) 29.0%, oklch(37.33% 0.0845 296.66) 32.3%, oklch(41.33% 0.0941 320.08) 35.5%, oklch(46.34% 0.1036 346.92) 38.7%, oklch(51.70% 0.1121 14.18) 41.9%, oklch(56.72% 0.1186 38.82) 45.2%, oklch(60.76% 0.1222 57.84) 48.4%, oklch(63.47% 0.1220 69.32) 51.6%, oklch(66.22% 0.1181 77.95) 54.8%, oklch(69.02% 0.1112 84.48) 58.1%, oklch(71.58% 0.1024 88.67) 61.3%, oklch(73.60% 0.0926 90.28) 64.5%, oklch(74.78% 0.0826 89.08) 67.7%, oklch(74.83% 0.0735 84.83) 71.0%, oklch(73.44% 0.0662 77.29) 74.2%, oklch(70.08% 0.0609 64.94) 77.4%, oklch(64.38% 0.0562 45.69) 80.6%, oklch(57.03% 0.0521 21.60) 83.9%, oklch(48.77% 0.0485 354.92) 87.1%, oklch(40.33% 0.0454 327.86) 90.3%, oklch(32.44% 0.0427 302.68) 93.5%, oklch(25.84% 0.0404 281.59) 96.8%, oklch(21.26% 0.0386 266.84) 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