Xanh hải quân, xanh cổ vịt và xanh lá (ba tông) liền mạch (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #031028, #046365, #abf73d, #29cd9b, #04132d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031028
#03152d
#031c33
#042539
#052e41
#083949
#0b4652
#0b535b
#046365
#00766f
#008d78
#00a77b
#31bf76
#5dd569
#83e657
#9ef145
#abf73d
#acfa45
#a4fa56
#94f76a
#7ef07c
#65e78b
#49db95
#29cd9b
#00ba9c
#00a097
#00848a
#006678
#004b63
#003350
#04203c
#04132d

CSS

background: linear-gradient(45deg in oklch, oklch(17.72% 0.0537 259.45) 0.0%, oklch(19.70% 0.0544 254.79) 3.2%, oklch(22.20% 0.0543 248.65) 6.5%, oklch(25.18% 0.0540 241.33) 9.7%, oklch(28.57% 0.0544 233.17) 12.9%, oklch(32.33% 0.0561 224.46) 16.1%, oklch(36.39% 0.0598 215.52) 19.4%, oklch(40.72% 0.0661 206.67) 22.6%, oklch(45.29% 0.0759 198.13) 25.8%, oklch(50.89% 0.0883 188.45) 29.0%, oklch(57.44% 0.1061 177.57) 32.3%, oklch(64.47% 0.1333 166.26) 35.5%, oklch(71.46% 0.1601 155.30) 38.7%, oklch(77.94% 0.1827 145.42) 41.9%, oklch(83.39% 0.2015 137.40) 45.2%, oklch(87.33% 0.2143 132.01) 48.4%, oklch(89.40% 0.2192 129.84) 51.6%, oklch(90.15% 0.2175 130.31) 54.8%, oklch(89.80% 0.2108 132.96) 58.1%, oklch(88.46% 0.2004 137.44) 61.3%, oklch(86.24% 0.1875 143.38) 64.5%, oklch(83.27% 0.1735 150.44) 67.7%, oklch(79.66% 0.1597 158.26) 71.0%, oklch(75.51% 0.1474 166.49) 74.2%, oklch(70.46% 0.1321 175.66) 77.4%, oklch(63.65% 0.1110 187.31) 80.6%, oklch(55.64% 0.0946 200.61) 83.9%, oklch(47.05% 0.0830 214.65) 87.1%, oklch(38.51% 0.0755 228.51) 90.3%, oklch(30.62% 0.0717 241.26) 93.5%, oklch(24.00% 0.0637 251.79) 96.8%, oklch(19.29% 0.0565 259.45) 100.0%);

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

Gradient cực quang

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