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

Gradient tuyến tính, 32 màu, góc 45°: #56435b, #c7c9e1, #3c513f, #dacdb0, #b0af94. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#56435b
#614f67
#716079
#85768e
#9b8ea6
#afa4bd
#bfb8d0
#c8c5dd
#c7c9e1
#b8c1d7
#a0b1c4
#839ba9
#66838a
#4e6d6d
#3e5c54
#385144
#3c513f
#4a5943
#606950
#7a7e62
#969578
#b2ac8f
#cac0a2
#dacdb0
#e1d2b6
#e1d2b6
#dbcfb3
#d2c8ac
#c8c1a5
#beb99e
#b5b398
#b0af94

CSS

background: linear-gradient(45deg in oklch, oklch(41.34% 0.0455 319.22) 0.0%, oklch(45.40% 0.0443 317.12) 3.2%, oklch(51.50% 0.0427 315.05) 6.5%, oklch(58.81% 0.0408 312.62) 9.7%, oklch(66.48% 0.0387 309.46) 12.9%, oklch(73.68% 0.0367 305.16) 16.1%, oklch(79.58% 0.0349 299.34) 19.4%, oklch(83.34% 0.0336 291.62) 22.6%, oklch(84.11% 0.0330 281.56) 25.8%, oklch(81.15% 0.0330 268.11) 29.0%, oklch(75.24% 0.0334 251.73) 32.3%, oklch(67.51% 0.0343 233.43) 35.5%, oklch(59.09% 0.0353 214.22) 38.7%, oklch(51.12% 0.0364 195.11) 41.9%, oklch(44.72% 0.0374 177.10) 45.2%, oklch(41.03% 0.0383 161.21) 48.4%, oklch(41.07% 0.0389 148.03) 51.6%, oklch(44.56% 0.0394 135.87) 54.8%, oklch(50.55% 0.0399 124.54) 58.1%, oklch(58.10% 0.0404 114.22) 61.3%, oklch(66.28% 0.0408 105.08) 64.5%, oklch(74.14% 0.0411 97.30) 67.7%, oklch(80.75% 0.0413 91.05) 71.0%, oklch(85.17% 0.0414 86.52) 74.2%, oklch(86.94% 0.0412 84.20) 77.4%, oklch(86.93% 0.0408 84.60) 80.6%, oklch(85.62% 0.0402 87.06) 83.9%, oklch(83.46% 0.0395 90.88) 87.1%, oklch(80.85% 0.0388 95.37) 90.3%, oklch(78.26% 0.0381 99.81) 93.5%, oklch(76.09% 0.0376 103.50) 96.8%, oklch(74.80% 0.0372 105.75) 100.0%);

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

Poetcore

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