Xanh lá sang vàng (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh lá sang vàng (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #2cad51, #4cc163, #7ad576, #b2de75, #f3d96f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2cad51
#2fae52
#32b054
#35b356
#39b558
#3db85b
#42bb5e
#47be60
#4cc163
#51c465
#57c767
#5dc969
#63cb6b
#68ce6e
#6ed071
#74d373
#7ad576
#81d778
#88d979
#8fdb7a
#97dc7a
#9fdd7a
#a8de78
#b2de75
#bdde72
#c7dd70
#d1dd6e
#dadc6c
#e3db6c
#eada6c
#efd96d
#f3d96f

CSS

background: linear-gradient(90deg in oklch, oklch(65.75% 0.1709 148.36) 0.0%, oklch(66.24% 0.1708 148.27) 3.2%, oklch(66.88% 0.1708 148.21) 6.5%, oklch(67.63% 0.1708 148.15) 9.7%, oklch(68.47% 0.1709 148.08) 12.9%, oklch(69.38% 0.1709 147.98) 16.1%, oklch(70.34% 0.1708 147.84) 19.4%, oklch(71.31% 0.1705 147.63) 22.6%, oklch(72.28% 0.1701 147.34) 25.8%, oklch(73.23% 0.1694 146.95) 29.0%, oklch(74.13% 0.1685 146.44) 32.3%, oklch(74.97% 0.1672 145.86) 35.5%, oklch(75.84% 0.1656 145.34) 38.7%, oklch(76.72% 0.1637 144.85) 41.9%, oklch(77.61% 0.1615 144.32) 45.2%, oklch(78.50% 0.1592 143.70) 48.4%, oklch(79.37% 0.1567 142.93) 51.6%, oklch(80.23% 0.1543 141.96) 54.8%, oklch(81.06% 0.1518 140.72) 58.1%, oklch(81.85% 0.1495 139.15) 61.3%, oklch(82.60% 0.1474 137.21) 64.5%, oklch(83.30% 0.1454 134.81) 67.7%, oklch(83.98% 0.1435 131.65) 71.0%, oklch(84.64% 0.1416 127.82) 74.2%, oklch(85.28% 0.1397 123.50) 77.4%, oklch(85.89% 0.1379 118.88) 80.6%, oklch(86.46% 0.1361 114.15) 83.9%, oklch(86.99% 0.1345 109.51) 87.1%, oklch(87.48% 0.1330 105.13) 90.3%, oklch(87.91% 0.1316 101.21) 93.5%, oklch(88.28% 0.1305 97.95) 96.8%, oklch(88.58% 0.1295 95.52) 100.0%);

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

Gradient mùa xuân Gradient nhiều màu tông sáng

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