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

Bảng màu Xám, xanh dương, nâu và xanh lá đậm

Gradient tuyến tính, 32 màu, góc 41°: #c3d1b3, #6d9cb4, #5a7951, #674c2d, #1d342d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c3d1b3
#bbceb1
#afcab0
#a0c5b0
#91bfb2
#83b7b4
#79aeb6
#71a5b6
#6d9cb4
#6894b0
#628dab
#5a89a5
#4e879c
#43858e
#41837c
#4b7f66
#5a7951
#6a7041
#756738
#7a5f36
#7a5937
#775436
#705032
#674c2d
#5d4a28
#514726
#444426
#384128
#2e3e2a
#263a2c
#20372d
#1d342d

CSS

background: linear-gradient(41deg in oklch, oklch(84.25% 0.0441 127.27) 0.0%, oklch(82.93% 0.0455 134.91) 3.2%, oklch(81.19% 0.0473 146.27) 6.5%, oklch(79.12% 0.0496 160.26) 9.7%, oklch(76.80% 0.0521 175.78) 12.9%, oklch(74.32% 0.0548 191.74) 16.1%, oklch(71.76% 0.0574 207.06) 19.4%, oklch(69.20% 0.0600 220.63) 22.6%, oklch(66.74% 0.0623 231.37) 25.8%, oklch(64.45% 0.0643 238.19) 29.0%, oklch(62.42% 0.0658 239.99) 32.3%, oklch(60.69% 0.0668 235.44) 35.5%, oklch(59.14% 0.0676 223.93) 38.7%, oklch(57.74% 0.0682 206.90) 41.9%, oklch(56.44% 0.0687 185.95) 45.2%, oklch(55.22% 0.0689 162.63) 48.4%, oklch(54.04% 0.0688 138.53) 51.6%, oklch(52.86% 0.0685 115.20) 54.8%, oklch(51.65% 0.0679 94.22) 58.1%, oklch(50.38% 0.0670 77.17) 61.3%, oklch(49.01% 0.0658 65.62) 64.5%, oklch(47.51% 0.0642 61.02) 67.7%, oklch(45.81% 0.0618 62.75) 71.0%, oklch(43.95% 0.0588 69.47) 74.2%, oklch(41.98% 0.0553 80.10) 77.4%, oklch(39.98% 0.0514 93.55) 80.6%, oklch(37.98% 0.0475 108.74) 83.9%, oklch(36.07% 0.0435 124.57) 87.1%, oklch(34.28% 0.0398 139.98) 90.3%, oklch(32.69% 0.0365 153.86) 93.5%, oklch(31.35% 0.0337 165.13) 96.8%, oklch(30.31% 0.0317 172.71) 100.0%);

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

Miền hoang huyền bí

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