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

Gradient tuyến tính, 32 màu, góc 135°: #0b2b20, #2b5641, #628573, #a1ad9d, #f2edde. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0b2b20
#0d2e22
#103226
#13382a
#173e2e
#1c4433
#214a37
#26503c
#2b5641
#315c46
#37624c
#3e6852
#446e58
#4b735e
#537965
#5a7f6c
#628573
#6a8b7a
#739181
#7c9787
#859c8c
#8ea291
#98a797
#a1ad9d
#abb3a4
#b4baac
#bec3b4
#caccbd
#d6d6c7
#e1dfd0
#ebe7d8
#f2edde

CSS

background: linear-gradient(135deg in oklch, oklch(25.98% 0.0427 167.34) 0.0%, oklch(27.21% 0.0445 166.76) 3.2%, oklch(28.88% 0.0470 165.92) 6.5%, oklch(30.87% 0.0500 164.94) 9.7%, oklch(33.04% 0.0530 163.92) 12.9%, oklch(35.26% 0.0557 162.96) 16.1%, oklch(37.39% 0.0576 162.19) 19.4%, oklch(39.41% 0.0587 161.62) 22.6%, oklch(41.47% 0.0595 161.15) 25.8%, oklch(43.56% 0.0599 160.77) 29.0%, oklch(45.68% 0.0599 160.47) 32.3%, oklch(47.80% 0.0594 160.22) 35.5%, oklch(49.94% 0.0584 160.02) 38.7%, oklch(52.07% 0.0568 160.00) 41.9%, oklch(54.21% 0.0545 160.61) 45.2%, oklch(56.37% 0.0516 161.47) 48.4%, oklch(58.54% 0.0484 162.15) 51.6%, oklch(60.71% 0.0450 162.22) 54.8%, oklch(62.88% 0.0418 161.23) 58.1%, oklch(65.03% 0.0388 158.76) 61.3%, oklch(67.13% 0.0356 154.83) 64.5%, oklch(69.19% 0.0323 149.79) 67.7%, oklch(71.27% 0.0290 144.03) 71.0%, oklch(73.41% 0.0260 137.91) 74.2%, oklch(75.66% 0.0235 131.81) 77.4%, oklch(78.06% 0.0218 126.06) 80.6%, oklch(80.87% 0.0207 119.89) 83.9%, oklch(83.99% 0.0203 113.21) 87.1%, oklch(87.17% 0.0202 106.52) 90.3%, oklch(90.16% 0.0204 100.30) 93.5%, oklch(92.68% 0.0206 95.05) 96.8%, oklch(94.49% 0.0207 91.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