Cam sang xanh lá (hai tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Cam sang xanh lá (hai tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #fe4d39, #fb7e2b, #beae2d, #7ad646, #39f96e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fe4d39
#fe5238
#ff5737
#ff5e38
#ff6539
#ff6c38
#ff7235
#fe7831
#fb7e2b
#f78522
#f08c19
#e89213
#df9914
#d69e1b
#cda423
#c5a929
#beae2d
#b7b32e
#b0b82f
#a7be2f
#9ec432
#93ca37
#87d03d
#7ad646
#6fdb4e
#65e055
#5ce55b
#54ea60
#4def64
#47f368
#40f66b
#39f96e

CSS

background: linear-gradient(90deg in oklch, oklch(66.93% 0.2163 30.23) 0.0%, oklch(67.40% 0.2132 31.44) 3.2%, oklch(68.06% 0.2091 32.79) 6.5%, oklch(68.84% 0.2033 34.38) 9.7%, oklch(69.69% 0.1970 36.31) 12.9%, oklch(70.55% 0.1913 38.68) 16.1%, oklch(71.35% 0.1870 41.57) 19.4%, oklch(72.04% 0.1816 45.09) 22.6%, oklch(72.55% 0.1765 49.35) 25.8%, oklch(72.88% 0.1706 54.66) 29.0%, oklch(73.08% 0.1640 60.91) 32.3%, oklch(73.20% 0.1571 67.80) 35.5%, oklch(73.28% 0.1507 75.04) 38.7%, oklch(73.38% 0.1454 82.34) 41.9%, oklch(73.55% 0.1417 89.41) 45.2%, oklch(73.82% 0.1402 95.94) 48.4%, oklch(74.24% 0.1417 101.79) 51.6%, oklch(74.75% 0.1463 107.50) 54.8%, oklch(75.34% 0.1534 113.10) 58.1%, oklch(75.98% 0.1621 118.50) 61.3%, oklch(76.67% 0.1717 123.60) 64.5%, oklch(77.40% 0.1814 128.31) 67.7%, oklch(78.16% 0.1905 132.53) 71.0%, oklch(78.94% 0.1982 136.16) 74.2%, oklch(79.77% 0.2043 139.12) 77.4%, oklch(80.74% 0.2102 141.42) 80.6%, oklch(81.79% 0.2157 143.17) 83.9%, oklch(82.86% 0.2208 144.49) 87.1%, oklch(83.90% 0.2254 145.47) 90.3%, oklch(84.85% 0.2295 146.24) 93.5%, oklch(85.64% 0.2329 146.89) 96.8%, oklch(86.22% 0.2356 147.53) 100.0%);

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

Gradient đỏ và xanh lá

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