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

Gradient tuyến tính, 32 màu, góc 225°: #061730, #0b3c68, #6a5a64, #b0541b, #91300a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#061730
#071a34
#081e3a
#092341
#0b2848
#0c2d4f
#0b3258
#0a3760
#0b3c68
#12416d
#1a486e
#254e6d
#33546b
#41576c
#50596e
#5f596b
#6a5a64
#725c5d
#785e57
#835e4d
#915c40
#9e5832
#a95425
#b0541b
#b65718
#bb591b
#bd591e
#ba551c
#b14c18
#a54113
#99370e
#91300a

CSS

background: linear-gradient(225deg in oklch, oklch(20.47% 0.0551 258.05) 0.0%, oklch(21.71% 0.0574 257.15) 3.2%, oklch(23.47% 0.0606 255.84) 6.5%, oklch(25.50% 0.0644 254.42) 9.7%, oklch(27.54% 0.0685 253.17) 12.9%, oklch(29.39% 0.0732 252.31) 16.1%, oklch(31.24% 0.0801 251.65) 19.4%, oklch(33.10% 0.0870 251.15) 22.6%, oklch(34.98% 0.0913 250.81) 25.8%, oklch(36.89% 0.0904 250.57) 29.0%, oklch(38.91% 0.0821 247.28) 32.3%, oklch(40.99% 0.0690 242.59) 35.5%, oklch(43.01% 0.0548 241.18) 38.7%, oklch(44.82% 0.0435 247.72) 41.9%, oklch(46.31% 0.0365 267.70) 45.2%, oklch(47.57% 0.0304 301.32) 48.4%, oklch(48.66% 0.0269 339.83) 51.6%, oklch(49.67% 0.0281 14.20) 54.8%, oklch(50.68% 0.0364 35.74) 58.1%, oklch(51.65% 0.0554 45.34) 61.3%, oklch(52.55% 0.0809 47.94) 64.5%, oklch(53.40% 0.1065 47.21) 67.7%, oklch(54.22% 0.1262 46.86) 71.0%, oklch(55.23% 0.1369 48.00) 74.2%, oklch(56.51% 0.1425 48.12) 77.4%, oklch(57.56% 0.1448 47.52) 80.6%, oklch(57.85% 0.1456 46.56) 83.9%, oklch(56.83% 0.1463 45.50) 87.1%, oklch(54.14% 0.1450 43.81) 90.3%, oklch(50.60% 0.1424 41.79) 93.5%, oklch(47.18% 0.1396 39.89) 96.8%, oklch(44.88% 0.1378 38.59) 100.0%);

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

Gradient cam và xanh dương

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