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

Bảng màu Xanh hải quân, xanh cổ vịt, xám và nâu

Gradient tuyến tính, 32 màu, góc 180°: #224252, #3d7c7d, #78ad98, #abb394, #bd8c77. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#224252
#244656
#264c5b
#285361
#2b5b68
#2e646e
#326d74
#377579
#3d7c7d
#438381
#4a8a86
#51918b
#58988f
#609e93
#68a496
#70a997
#78ad98
#81b098
#8ab297
#92b497
#9ab497
#a1b596
#a7b495
#abb394
#afb190
#b2ad8b
#b5a885
#b8a17f
#ba9b7b
#bc9478
#bd8f77
#bd8c77

CSS

background: linear-gradient(180deg in oklch, oklch(36.22% 0.0469 232.73) 0.0%, oklch(37.65% 0.0484 229.89) 3.2%, oklch(39.58% 0.0506 226.03) 6.5%, oklch(41.88% 0.0533 221.43) 9.7%, oklch(44.42% 0.0562 216.37) 12.9%, oklch(47.08% 0.0590 211.11) 16.1%, oklch(49.72% 0.0616 205.92) 19.4%, oklch(52.23% 0.0637 201.09) 22.6%, oklch(54.48% 0.0650 196.88) 25.8%, oklch(56.70% 0.0660 193.30) 29.0%, oklch(58.96% 0.0667 190.13) 32.3%, oklch(61.20% 0.0671 187.17) 35.5%, oklch(63.38% 0.0672 184.17) 38.7%, oklch(65.43% 0.0669 180.94) 41.9%, oklch(67.31% 0.0663 177.25) 45.2%, oklch(68.96% 0.0654 172.89) 48.4%, oklch(70.35% 0.0639 167.69) 51.6%, oklch(71.59% 0.0614 161.90) 54.8%, oklch(72.66% 0.0581 155.63) 58.1%, oklch(73.57% 0.0544 148.90) 61.3%, oklch(74.30% 0.0507 141.79) 64.5%, oklch(74.82% 0.0475 134.32) 67.7%, oklch(75.13% 0.0452 126.55) 71.0%, oklch(75.21% 0.0441 118.53) 74.2%, oklch(74.98% 0.0447 109.88) 77.4%, oklch(74.31% 0.0469 99.87) 80.6%, oklch(73.32% 0.0501 89.06) 83.9%, oklch(72.15% 0.0540 78.03) 87.1%, oklch(70.92% 0.0581 67.37) 90.3%, oklch(69.75% 0.0620 57.68) 93.5%, oklch(68.77% 0.0653 49.55) 96.8%, oklch(68.11% 0.0675 43.58) 100.0%);

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

Đồng phục học sinh

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