Đen sang xanh cổ vịt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #020707, #07221f, #0c554f, #119589, #2ae0c7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#020707
#030909
#030b0b
#030e0d
#041110
#051514
#051917
#061d1b
#07221f
#082724
#082c29
#09322e
#0a3834
#0a3f3a
#0b4641
#0b4d48
#0c554f
#0d5d56
#0d665e
#0e6f67
#0e786f
#0f8278
#108b81
#119589
#139e92
#15a99a
#19b4a3
#1cbeac
#20c8b5
#24d2bc
#28dac2
#2ae0c7

CSS

background: linear-gradient(90deg in oklch, oklch(12.20% 0.0124 195.47) 0.0%, oklch(12.98% 0.0138 194.84) 3.2%, oklch(13.95% 0.0157 193.95) 6.5%, oklch(15.12% 0.0178 192.90) 9.7%, oklch(16.44% 0.0203 191.76) 12.9%, oklch(17.90% 0.0230 190.61) 16.1%, oklch(19.47% 0.0260 189.53) 19.4%, oklch(21.14% 0.0292 188.61) 22.6%, oklch(22.88% 0.0325 187.92) 25.8%, oklch(24.74% 0.0362 187.42) 29.0%, oklch(26.73% 0.0401 187.04) 32.3%, oklch(28.83% 0.0442 186.76) 35.5%, oklch(31.03% 0.0486 186.55) 38.7%, oklch(33.32% 0.0531 186.38) 41.9%, oklch(35.70% 0.0577 186.22) 45.2%, oklch(38.13% 0.0624 186.05) 48.4%, oklch(40.64% 0.0672 185.87) 51.6%, oklch(43.28% 0.0721 185.73) 54.8%, oklch(46.05% 0.0773 185.65) 58.1%, oklch(48.89% 0.0826 185.59) 61.3%, oklch(51.79% 0.0879 185.51) 64.5%, oklch(54.68% 0.0932 185.41) 67.7%, oklch(57.55% 0.0984 185.24) 71.0%, oklch(60.34% 0.1035 184.98) 74.2%, oklch(63.14% 0.1085 184.60) 77.4%, oklch(66.13% 0.1138 184.08) 80.6%, oklch(69.21% 0.1192 183.46) 83.9%, oklch(72.24% 0.1245 182.80) 87.1%, oklch(75.11% 0.1295 182.15) 90.3%, oklch(77.70% 0.1340 181.54) 93.5%, oklch(79.86% 0.1377 181.04) 96.8%, oklch(81.50% 0.1406 180.67) 100.0%);

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

Xanh dương tông lạnh Gradient dữ liệu tuần tự Gradient Cyber Monday Đồng cải dầu dưới trời giô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