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

Gradient tuyến tính, 32 màu, góc 90°: #080b22, #1c153c, #48273c, #914e15, #e5a524. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#080b22
#0a0b23
#0c0c26
#0f0e28
#120f2b
#14102e
#171232
#1a1337
#1c153c
#1f1741
#241944
#291a45
#2f1c44
#341f42
#3a213f
#40243d
#48273c
#512939
#5c2c33
#66302c
#6f3623
#783e1c
#844618
#914e15
#9f5614
#ae5f15
#ba6913
#c57511
#d08312
#d99018
#e09c1e
#e5a524

CSS

background: linear-gradient(90deg in oklch, oklch(16.14% 0.0482 274.92) 0.0%, oklch(16.63% 0.0493 276.52) 3.2%, oklch(17.31% 0.0508 278.82) 6.5%, oklch(18.12% 0.0526 281.45) 9.7%, oklch(19.01% 0.0548 284.05) 12.9%, oklch(19.93% 0.0574 286.25) 16.1%, oklch(20.87% 0.0610 287.47) 19.4%, oklch(21.90% 0.0661 287.68) 22.6%, oklch(22.99% 0.0714 287.81) 25.8%, oklch(24.10% 0.0759 288.75) 29.0%, oklch(25.22% 0.0784 291.44) 32.3%, oklch(26.30% 0.0775 296.48) 35.5%, oklch(27.30% 0.0730 303.19) 38.7%, oklch(28.31% 0.0669 311.31) 41.9%, oklch(29.42% 0.0612 320.60) 45.2%, oklch(30.74% 0.0579 330.82) 48.4%, oklch(32.31% 0.0589 342.16) 51.6%, oklch(34.04% 0.0632 356.24) 54.8%, oklch(35.93% 0.0697 11.71) 58.1%, oklch(38.04% 0.0776 26.75) 61.3%, oklch(40.39% 0.0857 39.56) 64.5%, oklch(43.06% 0.0935 48.37) 67.7%, oklch(46.13% 0.1023 53.10) 71.0%, oklch(49.52% 0.1117 55.15) 74.2%, oklch(53.06% 0.1211 55.91) 77.4%, oklch(56.60% 0.1294 56.80) 80.6%, oklch(60.01% 0.1360 59.19) 83.9%, oklch(63.63% 0.1407 63.07) 87.1%, oklch(67.44% 0.1442 67.56) 90.3%, oklch(71.07% 0.1468 72.07) 93.5%, oklch(74.17% 0.1487 75.98) 96.8%, oklch(76.38% 0.1502 78.72) 100.0%);

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

Xanh hải quân và vàng kim

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