Trắng ngà, xám và xanh lá đậm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #fffaeb, #d9e1c7, #9ab28c, #577e60, #1c4437. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fffaeb
#fdf8e7
#f9f6e4
#f5f3e0
#f0f0dc
#eaecd7
#e5e9d2
#dfe5cd
#d9e1c7
#d3dcc0
#ccd7ba
#c5d2b2
#becdab
#b5c7a4
#adc09c
#a4b994
#9ab28c
#91ab84
#87a37c
#7d9c76
#749570
#6a8d6b
#608565
#577e60
#4e765b
#466f56
#3e6751
#355e4b
#2d5645
#264f3f
#21493a
#1c4437

CSS

background: linear-gradient(135deg in oklch, oklch(98.42% 0.0199 90.03) 0.0%, oklch(97.81% 0.0228 92.79) 3.2%, oklch(97.00% 0.0237 96.75) 6.5%, oklch(96.02% 0.0248 101.40) 9.7%, oklch(94.91% 0.0262 106.27) 12.9%, oklch(93.69% 0.0279 110.87) 16.1%, oklch(92.39% 0.0299 114.72) 19.4%, oklch(91.03% 0.0323 117.63) 22.6%, oklch(89.58% 0.0352 120.03) 25.8%, oklch(88.03% 0.0385 122.07) 29.0%, oklch(86.38% 0.0419 123.87) 32.3%, oklch(84.60% 0.0453 125.57) 35.5%, oklch(82.69% 0.0485 127.31) 38.7%, oklch(80.63% 0.0513 129.12) 41.9%, oklch(78.39% 0.0543 130.74) 45.2%, oklch(76.01% 0.0572 132.25) 48.4%, oklch(73.53% 0.0600 133.76) 51.6%, oklch(70.99% 0.0623 135.41) 54.8%, oklch(68.44% 0.0641 137.30) 58.1%, oklch(65.92% 0.0651 139.57) 61.3%, oklch(63.35% 0.0652 142.27) 64.5%, oklch(60.73% 0.0648 145.27) 67.7%, oklch(58.09% 0.0639 148.41) 71.0%, oklch(55.45% 0.0628 151.52) 74.2%, oklch(52.84% 0.0616 154.46) 77.4%, oklch(50.27% 0.0604 157.07) 80.6%, oklch(47.53% 0.0590 159.55) 83.9%, oklch(44.66% 0.0572 161.98) 87.1%, oklch(41.83% 0.0554 164.26) 90.3%, oklch(39.22% 0.0536 166.29) 93.5%, oklch(37.03% 0.0521 167.99) 96.8%, oklch(35.43% 0.0510 169.26) 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