Xanh lá đậm, xanh cổ vịt, nâu vàng và tím (gradient tuyến tính)

Bảng màu Xanh lá đậm, xanh cổ vịt, nâu vàng và tím

Gradient tuyến tính, 32 màu, góc 225°: #183d35, #07ab7a, #3bc67c, #daa84c, #762d5c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#183d35
#18463c
#175244
#15614f
#12715a
#0d8264
#08926e
#06a075
#07ab7a
#00b27f
#00b884
#00bc89
#00bf8c
#00c18d
#00c38b
#0cc585
#3bc67c
#5ec770
#7dc664
#99c458
#b1c04e
#c4bb4a
#d2b34a
#daa84c
#db9b4e
#d68950
#cb7453
#bb6057
#a84e5a
#943f5b
#83345c
#762d5c

CSS

background: linear-gradient(225deg in oklch, oklch(33.07% 0.0455 177.19) 0.0%, oklch(35.80% 0.0532 176.13) 3.2%, oklch(39.62% 0.0641 174.66) 6.5%, oklch(44.18% 0.0771 172.91) 9.7%, oklch(49.13% 0.0912 171.00) 12.9%, oklch(54.09% 0.1053 169.05) 16.1%, oklch(58.73% 0.1186 167.19) 19.4%, oklch(62.67% 0.1298 165.54) 22.6%, oklch(65.59% 0.1382 164.24) 25.8%, oklch(67.70% 0.1444 163.92) 29.0%, oklch(69.27% 0.1468 164.41) 32.3%, oklch(70.40% 0.1477 165.17) 35.5%, oklch(71.22% 0.1484 165.69) 38.7%, oklch(71.83% 0.1501 165.46) 41.9%, oklch(72.36% 0.1543 163.95) 45.2%, oklch(72.91% 0.1615 160.65) 48.4%, oklch(73.62% 0.1605 155.10) 51.6%, oklch(74.60% 0.1572 147.48) 54.8%, oklch(75.70% 0.1523 138.22) 58.1%, oklch(76.72% 0.1462 127.69) 61.3%, oklch(77.46% 0.1396 116.28) 64.5%, oklch(77.73% 0.1332 104.39) 67.7%, oklch(77.33% 0.1276 92.39) 71.0%, oklch(76.06% 0.1234 80.69) 74.2%, oklch(73.60% 0.1209 68.90) 77.4%, oklch(69.73% 0.1193 55.69) 80.6%, oklch(64.88% 0.1185 41.67) 83.9%, oklch(59.50% 0.1182 27.55) 87.1%, oklch(54.04% 0.1182 14.00) 90.3%, oklch(48.96% 0.1184 1.73) 93.5%, oklch(44.71% 0.1186 351.43) 96.8%, oklch(41.73% 0.1185 343.80) 100.0%);

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

Tông đá quý

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