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

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

Gradient tuyến tính, 32 màu, góc 135°: #182e3e, #346982, #77aab7, #d6e0d9, #b38b47. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#182e3e
#1a3343
#1c384a
#1f3f53
#22475c
#264f66
#2a5870
#2e617a
#346982
#3a718a
#427992
#4a8099
#5288a0
#5b91a7
#6499ad
#6da1b3
#77aab7
#85b4bc
#96bec1
#a8c8c7
#bad1cd
#c8d9d3
#d2ded8
#d6e0d9
#d4dfd4
#ccd8c7
#c4ceb3
#bcc19b
#b7b281
#b5a368
#b39554
#b38b47

CSS

background: linear-gradient(135deg in oklch, oklch(29.13% 0.0400 239.77) 0.0%, oklch(30.70% 0.0426 239.12) 3.2%, oklch(32.80% 0.0463 238.29) 6.5%, oklch(35.29% 0.0508 237.30) 9.7%, oklch(38.05% 0.0556 236.19) 12.9%, oklch(40.98% 0.0603 234.97) 16.1%, oklch(43.93% 0.0644 233.67) 19.4%, oklch(46.80% 0.0675 232.33) 22.6%, oklch(49.47% 0.0692 230.99) 25.8%, oklch(52.08% 0.0699 230.08) 29.0%, oklch(54.70% 0.0699 229.52) 32.3%, oklch(57.35% 0.0693 228.99) 35.5%, oklch(60.00% 0.0681 228.18) 38.7%, oklch(62.66% 0.0663 226.78) 41.9%, oklch(65.32% 0.0639 224.47) 45.2%, oklch(67.97% 0.0609 220.95) 48.4%, oklch(70.70% 0.0571 215.91) 51.6%, oklch(73.92% 0.0509 209.40) 54.8%, oklch(77.45% 0.0431 201.70) 58.1%, oklch(81.00% 0.0345 193.10) 61.3%, oklch(84.30% 0.0263 183.88) 64.5%, oklch(87.04% 0.0196 174.33) 67.7%, oklch(88.96% 0.0154 164.74) 71.0%, oklch(89.77% 0.0147 155.38) 74.2%, oklch(89.12% 0.0186 145.97) 77.4%, oklch(86.95% 0.0271 135.52) 80.6%, oklch(83.68% 0.0389 124.48) 83.9%, oklch(79.75% 0.0526 113.39) 87.1%, oklch(75.59% 0.0669 102.78) 90.3%, oklch(71.65% 0.0803 93.18) 93.5%, oklch(68.35% 0.0916 85.13) 96.8%, oklch(66.14% 0.0992 79.14) 100.0%);

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

Brooched

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