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

Gradient tuyến tính, 32 màu, góc 180°: #d6e3d4, #597e54, #103e19, #001d08, #010402. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d6e3d4
#ccdbca
#bfd1bc
#afc4ad
#9fb79b
#8da989
#7b9a76
#698c64
#597e54
#4b7246
#3e673a
#345e31
#2b5729
#235024
#1c491f
#16431c
#103e19
#0b3916
#073414
#042f12
#012b0f
#00260d
#00210a
#001d08
#001806
#001405
#011004
#010d03
#010a03
#010702
#010502
#010402

CSS

background: linear-gradient(180deg in oklch, oklch(90.16% 0.0248 142.03) 0.0%, oklch(87.54% 0.0286 142.00) 3.2%, oklch(84.07% 0.0340 141.90) 6.5%, oklch(79.92% 0.0404 141.78) 9.7%, oklch(75.28% 0.0476 141.64) 12.9%, oklch(70.33% 0.0551 141.52) 16.1%, oklch(65.25% 0.0627 141.43) 19.4%, oklch(60.21% 0.0698 141.41) 22.6%, oklch(55.40% 0.0760 141.46) 25.8%, oklch(50.99% 0.0811 141.62) 29.0%, oklch(47.17% 0.0847 141.90) 32.3%, oklch(44.00% 0.0864 142.35) 35.5%, oklch(41.17% 0.0870 143.01) 38.7%, oklch(38.61% 0.0865 143.82) 41.9%, oklch(36.29% 0.0852 144.75) 45.2%, oklch(34.17% 0.0831 145.75) 48.4%, oklch(32.20% 0.0804 146.77) 51.6%, oklch(30.36% 0.0773 147.77) 54.8%, oklch(28.60% 0.0740 148.70) 58.1%, oklch(26.88% 0.0705 149.51) 61.3%, oklch(25.17% 0.0670 150.16) 64.5%, oklch(23.43% 0.0636 150.61) 67.7%, oklch(21.72% 0.0588 150.69) 71.0%, oklch(20.02% 0.0541 150.79) 74.2%, oklch(18.38% 0.0496 150.84) 77.4%, oklch(16.79% 0.0446 151.08) 80.6%, oklch(15.31% 0.0391 151.00) 83.9%, oklch(13.94% 0.0338 150.87) 87.1%, oklch(12.69% 0.0289 150.74) 90.3%, oklch(11.57% 0.0244 150.61) 93.5%, oklch(10.62% 0.0207 150.52) 96.8%, oklch(9.84% 0.0179 150.49) 100.0%);

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

Gradient Giáng sinh

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