Nâu, xanh dương, xám và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #8b5338, #6c4967, #456073, #88a191, #f2e5cd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8b5338
#8b513e
#8a4f43
#884d4a
#844b50
#7f4a56
#7a495c
#734862
#6c4967
#644a6b
#5d4b6d
#564d6f
#4f5070
#4a5371
#475671
#455b72
#456073
#486775
#4d6f78
#54787c
#5f8280
#6b8c85
#79978a
#88a191
#98ac97
#a8b69f
#b7c0a7
#c6c9af
#d4d2b8
#e0dac0
#eae0c7
#f2e5cd

CSS

background: linear-gradient(225deg in oklch, oklch(50.00% 0.0854 45.00) 0.0%, oklch(49.79% 0.0839 39.17) 3.2%, oklch(49.39% 0.0820 32.14) 6.5%, oklch(48.85% 0.0798 24.04) 9.7%, oklch(48.20% 0.0772 14.98) 12.9%, oklch(47.50% 0.0745 5.11) 16.1%, oklch(46.77% 0.0715 354.55) 19.4%, oklch(46.06% 0.0685 343.43) 22.6%, oklch(45.42% 0.0654 331.87) 25.8%, oklch(44.88% 0.0622 320.01) 29.0%, oklch(44.49% 0.0591 307.97) 32.3%, oklch(44.29% 0.0562 295.89) 35.5%, oklch(44.32% 0.0533 283.89) 38.7%, oklch(44.62% 0.0507 272.09) 41.9%, oklch(45.24% 0.0484 260.64) 45.2%, oklch(46.22% 0.0463 249.65) 48.4%, oklch(47.61% 0.0447 239.09) 51.6%, oklch(49.54% 0.0432 228.08) 54.8%, oklch(51.95% 0.0419 216.59) 58.1%, oklch(54.76% 0.0408 204.74) 61.3%, oklch(57.91% 0.0398 192.68) 64.5%, oklch(61.31% 0.0390 180.51) 67.7%, oklch(64.88% 0.0382 168.39) 71.0%, oklch(68.56% 0.0376 156.44) 74.2%, oklch(72.27% 0.0371 144.79) 77.4%, oklch(75.92% 0.0366 133.57) 80.6%, oklch(79.45% 0.0362 122.92) 83.9%, oklch(82.77% 0.0358 112.96) 87.1%, oklch(85.82% 0.0355 103.82) 90.3%, oklch(88.51% 0.0351 95.65) 93.5%, oklch(90.77% 0.0348 88.56) 96.8%, oklch(92.52% 0.0344 82.69) 100.0%);

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

Văn phòng phẩm vintage

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