Nâu, xám, xám đậm và hồng (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #8a7255, #414d4c, #786f7e, #f1e2cd, #b95a44. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8a7255
#857154
#7f7153
#777153
#6f7054
#676e55
#5f6c57
#586959
#536559
#4e6159
#4b5c57
#465552
#414d4c
#3b4544
#363d3d
#313636
#2d3031
#2b2d2e
#2b2d2d
#2e3031
#343739
#3f4247
#4e4f58
#615f6b
#786f7e
#917f8f
#aa8f9c
#c09da5
#d0aaab
#dcb5af
#e4bfb4
#eac9b9
#edd2bf
#f0d9c5
#f1dfca
#f1e2cd
#f1e4ce
#efe3cb
#eddfc5
#e8d7b8
#e3cba7
#dcbc93
#d6aa7f
#d0976c
#ca845c
#c37350
#bd6448
#b95a44

CSS

background: linear-gradient(135deg in oklch, oklch(56.69% 0.0510 71.02) 0.0%, oklch(56.10% 0.0493 77.57) 2.1%, oklch(55.37% 0.0471 86.32) 4.3%, oklch(54.51% 0.0444 96.76) 6.4%, oklch(53.54% 0.0415 108.40) 8.5%, oklch(52.47% 0.0383 120.72) 10.6%, oklch(51.31% 0.0351 133.23) 12.8%, oklch(50.08% 0.0318 145.42) 14.9%, oklch(48.77% 0.0287 156.78) 17.0%, oklch(47.41% 0.0259 166.82) 19.1%, oklch(45.86% 0.0232 175.08) 21.3%, oklch(43.66% 0.0200 181.70) 23.4%, oklch(40.99% 0.0166 187.14) 25.5%, oklch(38.10% 0.0131 191.88) 27.7%, oklch(35.26% 0.0098 196.38) 29.8%, oklch(32.72% 0.0068 201.12) 31.9%, oklch(30.74% 0.0044 206.56) 34.0%, oklch(29.56% 0.0029 213.17) 36.2%, oklch(29.46% 0.0023 221.43) 38.3%, oklch(30.68% 0.0030 231.80) 40.4%, oklch(33.52% 0.0054 244.78) 42.6%, oklch(37.78% 0.0094 259.99) 44.7%, oklch(43.09% 0.0145 276.79) 46.8%, oklch(49.10% 0.0203 294.57) 48.9%, oklch(55.47% 0.0264 312.70) 51.1%, oklch(61.82% 0.0323 330.56) 53.2%, oklch(67.81% 0.0377 347.50) 55.3%, oklch(73.08% 0.0421 2.93) 57.4%, oklch(77.27% 0.0451 16.19) 59.6%, oklch(80.47% 0.0462 27.46) 61.7%, oklch(83.35% 0.0454 38.01) 63.8%, oklch(85.91% 0.0433 47.76) 66.0%, oklch(88.10% 0.0404 56.61) 68.1%, oklch(89.87% 0.0372 64.44) 70.2%, oklch(91.18% 0.0345 71.13) 72.3%, oklch(91.97% 0.0326 76.57) 74.5%, oklch(92.22% 0.0321 80.65) 76.6%, oklch(91.86% 0.0337 83.25) 78.7%, oklch(90.80% 0.0378 84.14) 80.9%, oklch(88.57% 0.0449 82.40) 83.0%, oklch(85.30% 0.0544 78.32) 85.1%, oklch(81.29% 0.0656 72.50) 87.2%, oklch(76.83% 0.0777 65.53) 89.4%, oklch(72.20% 0.0900 58.02) 91.5%, oklch(67.70% 0.1020 50.55) 93.6%, oklch(63.62% 0.1128 43.73) 95.7%, oklch(60.25% 0.1217 38.14) 97.9%, oklch(57.87% 0.1281 34.38) 100.0%);

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

Wilderkind

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