Xám đậm, xanh lá, nâu vàng và tím (gradient tuyến tính)

Bảng màu Xám đậm, xanh lá, nâu vàng và tím

Gradient tuyến tính, 32 màu, góc 90°: #28353c, #4a7a6f, #a0b265, #c8815a, #724b6e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#28353c
#2b3a42
#2f4149
#344a51
#3a5459
#3f5f61
#446867
#47716c
#4a7a6f
#4f8270
#558a6f
#5e916c
#699869
#769e66
#83a565
#92ac65
#a0b265
#aeb663
#bab760
#c5b25b
#cca956
#cf9c54
#ce8e56
#c8815a
#c07560
#b76c66
#ad646b
#a05d6f
#925770
#855270
#7a4e6f
#724b6e

CSS

background: linear-gradient(90deg in oklch, oklch(31.89% 0.0220 235.55) 0.0%, oklch(33.78% 0.0239 231.10) 3.2%, oklch(36.40% 0.0263 225.04) 6.5%, oklch(39.51% 0.0292 217.82) 9.7%, oklch(42.83% 0.0327 209.90) 12.9%, oklch(46.11% 0.0368 201.73) 16.1%, oklch(49.07% 0.0417 193.75) 19.4%, oklch(51.66% 0.0475 185.96) 22.6%, oklch(54.14% 0.0548 177.72) 25.8%, oklch(56.53% 0.0629 169.22) 29.0%, oklch(58.85% 0.0712 160.70) 32.3%, oklch(61.11% 0.0790 152.38) 35.5%, oklch(63.31% 0.0859 144.48) 38.7%, oklch(65.56% 0.0914 137.34) 41.9%, oklch(68.15% 0.0964 131.22) 45.2%, oklch(70.83% 0.1008 125.64) 48.4%, oklch(73.27% 0.1046 120.03) 51.6%, oklch(75.19% 0.1076 113.84) 54.8%, oklch(76.26% 0.1096 106.52) 58.1%, oklch(76.19% 0.1104 97.49) 61.3%, oklch(74.91% 0.1100 86.59) 64.5%, oklch(72.70% 0.1085 74.39) 67.7%, oklch(69.91% 0.1062 61.52) 71.0%, oklch(66.87% 0.1034 48.62) 74.2%, oklch(63.90% 0.1003 36.33) 77.4%, oklch(61.33% 0.0972 25.24) 80.6%, oklch(58.71% 0.0934 14.40) 83.9%, oklch(55.92% 0.0889 3.55) 87.1%, oklch(53.15% 0.0842 353.21) 90.3%, oklch(50.58% 0.0796 343.89) 93.5%, oklch(48.42% 0.0758 336.08) 96.8%, oklch(46.85% 0.0730 330.30) 100.0%);

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

Gradient nhiều màu

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