Xám, hồng và nâu (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #f0d6c6, #e3bba7, #cd9685, #ad7269, #8c5351. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f0d6c6
#eed4c3
#edd2c0
#eccfbd
#eacbb9
#e9c8b5
#e7c4b1
#e5bfac
#e3bba7
#e1b7a3
#deb29e
#dcad9a
#d9a895
#d6a491
#d39f8d
#d09b89
#cd9685
#c99281
#c58d7d
#c18779
#bc8275
#b77d71
#b2786d
#ad7269
#a86d65
#a36961
#9e645e
#9a605a
#965c57
#925955
#8f5652
#8c5351

CSS

background: linear-gradient(135deg in oklch, oklch(89.37% 0.0358 55.55) 0.0%, oklch(88.78% 0.0371 54.93) 3.2%, oklch(88.09% 0.0388 54.19) 6.5%, oklch(87.29% 0.0407 53.32) 9.7%, oklch(86.41% 0.0430 52.36) 12.9%, oklch(85.45% 0.0454 51.31) 16.1%, oklch(84.42% 0.0479 50.18) 19.4%, oklch(83.33% 0.0506 49.00) 22.6%, oklch(82.19% 0.0533 47.77) 25.8%, oklch(81.00% 0.0560 46.52) 29.0%, oklch(79.78% 0.0587 45.25) 32.3%, oklch(78.53% 0.0613 43.98) 35.5%, oklch(77.27% 0.0637 42.72) 38.7%, oklch(75.99% 0.0659 41.49) 41.9%, oklch(74.72% 0.0679 40.30) 45.2%, oklch(73.46% 0.0696 39.18) 48.4%, oklch(72.20% 0.0709 38.10) 51.6%, oklch(70.83% 0.0721 37.00) 54.8%, oklch(69.35% 0.0730 35.85) 58.1%, oklch(67.79% 0.0738 34.68) 61.3%, oklch(66.18% 0.0745 33.49) 64.5%, oklch(64.52% 0.0750 32.29) 67.7%, oklch(62.85% 0.0755 31.11) 71.0%, oklch(61.19% 0.0758 29.94) 74.2%, oklch(59.56% 0.0761 28.81) 77.4%, oklch(57.97% 0.0763 27.72) 80.6%, oklch(56.46% 0.0764 26.69) 83.9%, oklch(55.05% 0.0766 25.73) 87.1%, oklch(53.75% 0.0767 24.84) 90.3%, oklch(52.59% 0.0768 24.05) 93.5%, oklch(51.60% 0.0770 23.36) 96.8%, oklch(50.79% 0.0772 22.79) 100.0%);

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

Đồng đỏ

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