Đen, nâu và cam (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #171717, #532920, #9f402c, #d1653c, #f98b4f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#171717
#1c1918
#211b19
#281d1a
#2f1f1b
#37211c
#40241e
#4a261f
#532920
#5d2c22
#682e23
#723124
#7c3426
#853727
#8f3a29
#973d2a
#9f402c
#a6442d
#ae492f
#b54e32
#bd5334
#c45937
#cb5f39
#d1653c
#d86a3f
#de7042
#e37644
#e87b47
#ed8049
#f1844c
#f5884d
#f98b4f

CSS

background: linear-gradient(180deg in oklch, oklch(20.47% 0.0000 89.88) 0.0%, oklch(21.51% 0.0049 33.72) 3.2%, oklch(22.76% 0.0110 33.65) 6.5%, oklch(24.22% 0.0183 33.54) 9.7%, oklch(25.84% 0.0265 33.41) 12.9%, oklch(27.62% 0.0355 33.27) 16.1%, oklch(29.51% 0.0450 33.12) 19.4%, oklch(31.50% 0.0550 32.98) 22.6%, oklch(33.57% 0.0651 32.86) 25.8%, oklch(35.68% 0.0752 32.78) 29.0%, oklch(37.81% 0.0851 32.74) 32.3%, oklch(39.94% 0.0947 32.75) 35.5%, oklch(42.05% 0.1037 32.82) 38.7%, oklch(44.09% 0.1119 32.97) 41.9%, oklch(46.06% 0.1193 33.21) 45.2%, oklch(47.93% 0.1255 33.54) 48.4%, oklch(49.70% 0.1305 33.99) 51.6%, oklch(51.51% 0.1347 34.60) 54.8%, oklch(53.38% 0.1383 35.34) 58.1%, oklch(55.29% 0.1412 36.19) 61.3%, oklch(57.22% 0.1436 37.14) 64.5%, oklch(59.14% 0.1456 38.17) 67.7%, oklch(61.05% 0.1471 39.24) 71.0%, oklch(62.93% 0.1483 40.34) 74.2%, oklch(64.74% 0.1492 41.45) 77.4%, oklch(66.49% 0.1499 42.54) 80.6%, oklch(68.15% 0.1504 43.59) 83.9%, oklch(69.69% 0.1509 44.58) 87.1%, oklch(71.11% 0.1513 45.49) 90.3%, oklch(72.38% 0.1517 46.29) 93.5%, oklch(73.49% 0.1523 46.96) 96.8%, oklch(74.41% 0.1530 47.49) 100.0%);

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

Gradient banner máy chủ Discord

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