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

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

Gradient tuyến tính, 32 màu, góc 180°: #338575, #70a23c, #af7d1d, #a54143, #5e247d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#338575
#308a73
#2e8f70
#30966b
#399c62
#47a057
#56a24c
#64a342
#70a23c
#7aa138
#839f36
#8b9c34
#939830
#9b9329
#a38c22
#aa851d
#af7d1d
#b37422
#b56b29
#b46330
#b25b35
#af523a
#ab493e
#a54143
#a03949
#993350
#912d59
#872963
#7c276c
#702574
#66257a
#5e247d

CSS

background: linear-gradient(180deg in oklch, oklch(56.30% 0.0841 177.19) 0.0%, oklch(57.25% 0.0913 173.25) 3.2%, oklch(58.62% 0.1020 167.77) 6.5%, oklch(60.22% 0.1144 161.29) 9.7%, oklch(61.85% 0.1267 154.36) 12.9%, oklch(63.31% 0.1372 147.52) 16.1%, oklch(64.41% 0.1439 141.32) 19.4%, oklch(65.09% 0.1459 136.12) 22.6%, oklch(65.55% 0.1441 131.60) 25.8%, oklch(65.83% 0.1398 127.35) 29.0%, oklch(65.91% 0.1343 122.97) 32.3%, oklch(65.80% 0.1290 118.07) 35.5%, oklch(65.52% 0.1250 112.24) 38.7%, oklch(65.04% 0.1231 105.09) 41.9%, oklch(64.35% 0.1219 96.64) 45.2%, oklch(63.45% 0.1212 87.32) 48.4%, oklch(62.39% 0.1211 77.58) 51.6%, oklch(61.19% 0.1213 67.88) 54.8%, oklch(59.88% 0.1220 58.66) 58.1%, oklch(58.47% 0.1232 50.34) 61.3%, oklch(56.85% 0.1251 42.80) 64.5%, oklch(55.04% 0.1276 35.72) 67.7%, oklch(53.14% 0.1304 28.83) 71.0%, oklch(51.23% 0.1333 21.83) 74.2%, oklch(49.39% 0.1360 14.46) 77.4%, oklch(47.71% 0.1382 6.41) 80.6%, oklch(46.02% 0.1402 356.93) 83.9%, oklch(44.31% 0.1420 346.40) 87.1%, oklch(42.66% 0.1437 335.68) 90.3%, oklch(41.16% 0.1452 325.64) 93.5%, oklch(39.90% 0.1465 317.14) 96.8%, oklch(38.98% 0.1474 311.04) 100.0%);

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

Ruộng lúa mùa mưa

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