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

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

Gradient tuyến tính, 32 màu, góc 225°: #2b6e6b, #6c4434, #001f1c, #092048, #b48b3f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b6e6b
#306e60
#3e6b50
#51663e
#635f31
#6e562e
#734f32
#714936
#6c4434
#633f2c
#563a21
#463517
#343112
#212c14
#112717
#03221a
#001f1c
#001c1e
#001a21
#001926
#00182e
#011838
#071b3f
#092048
#002b52
#003c54
#004f58
#006557
#3b7848
#718339
#998836
#b48b3f

CSS

background: linear-gradient(225deg in oklch, oklch(49.61% 0.0675 191.25) 0.0%, oklch(49.21% 0.0672 177.15) 3.2%, oklch(48.80% 0.0669 156.08) 6.5%, oklch(48.31% 0.0665 130.87) 9.7%, oklch(47.70% 0.0660 104.34) 12.9%, oklch(46.90% 0.0653 79.31) 16.1%, oklch(45.87% 0.0644 58.59) 19.4%, oklch(44.53% 0.0632 45.00) 22.6%, oklch(42.83% 0.0615 41.31) 25.8%, oklch(40.45% 0.0589 47.67) 29.0%, oklch(37.48% 0.0553 61.77) 32.3%, oklch(34.16% 0.0513 81.40) 35.5%, oklch(30.77% 0.0474 104.33) 38.7%, oklch(27.57% 0.0441 128.35) 41.9%, oklch(24.80% 0.0418 151.23) 45.2%, oklch(22.74% 0.0410 170.76) 48.4%, oklch(21.54% 0.0378 185.80) 51.6%, oklch(20.70% 0.0352 201.70) 54.8%, oklch(20.20% 0.0363 218.06) 58.1%, oklch(20.11% 0.0418 233.51) 61.3%, oklch(20.51% 0.0536 246.71) 64.5%, oklch(21.44% 0.0690 256.12) 67.7%, oklch(23.02% 0.0751 261.18) 71.0%, oklch(25.30% 0.0802 260.21) 74.2%, oklch(28.62% 0.0838 251.26) 77.4%, oklch(33.40% 0.0688 232.82) 80.6%, oklch(39.20% 0.0673 207.74) 83.9%, oklch(45.51% 0.0832 178.86) 87.1%, oklch(51.85% 0.0990 149.00) 90.3%, oklch(57.74% 0.1018 120.92) 93.5%, oklch(62.66% 0.1042 97.44) 96.8%, oklch(66.14% 0.1061 81.35) 100.0%);

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

Gradient độ cao

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