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

Bảng màu Xanh hải quân, xám và nâu vàng (bổ túc)

Gradient tuyến tính, 32 màu, góc 135°: #222a35, #3b536a, #697f8c, #a9a783, #dec99e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#222a35
#242d39
#27313f
#293646
#2c3c4e
#304256
#33485d
#374e64
#3b536a
#41596f
#475e74
#4f6278
#56687c
#5c6d80
#627384
#667988
#697f8c
#6c878f
#6f8e8f
#75958d
#809b89
#8da085
#9ca383
#a9a783
#b4aa86
#bdaf8a
#c5b38e
#ccb992
#d1be95
#d6c299
#dac69b
#dec99e

CSS

background: linear-gradient(135deg in oklch, oklch(28.35% 0.0234 256.64) 0.0%, oklch(29.51% 0.0257 255.97) 3.2%, oklch(31.07% 0.0291 255.09) 6.5%, oklch(32.93% 0.0331 254.03) 9.7%, oklch(34.98% 0.0374 252.86) 12.9%, oklch(37.15% 0.0415 251.61) 16.1%, oklch(39.34% 0.0449 250.33) 19.4%, oklch(41.44% 0.0474 249.08) 22.6%, oklch(43.38% 0.0483 247.96) 25.8%, oklch(45.26% 0.0475 248.11) 29.0%, oklch(47.13% 0.0454 249.33) 32.3%, oklch(49.00% 0.0425 250.80) 35.5%, oklch(50.87% 0.0391 251.71) 38.7%, oklch(52.75% 0.0359 251.25) 41.9%, oklch(54.64% 0.0333 248.58) 45.2%, oklch(56.53% 0.0319 242.90) 48.4%, oklch(58.44% 0.0319 233.19) 51.6%, oklch(60.40% 0.0331 218.30) 54.8%, oklch(62.39% 0.0351 199.54) 58.1%, oklch(64.39% 0.0378 178.52) 61.3%, oklch(66.37% 0.0407 156.85) 64.5%, oklch(68.32% 0.0438 136.12) 67.7%, oklch(70.20% 0.0467 117.96) 71.0%, oklch(72.01% 0.0491 103.96) 74.2%, oklch(73.76% 0.0511 94.90) 77.4%, oklch(75.55% 0.0530 89.18) 80.6%, oklch(77.34% 0.0549 86.06) 83.9%, oklch(79.07% 0.0567 84.84) 87.1%, oklch(80.68% 0.0584 84.85) 90.3%, oklch(82.12% 0.0598 85.41) 93.5%, oklch(83.33% 0.0611 85.84) 96.8%, oklch(84.25% 0.0620 85.45) 100.0%);

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

Khaki coded

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