Xanh hải quân, xanh dương và xanh dương nhạt (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương và xanh dương nhạt (đơn sắc)

Gradient tuyến tính, 32 màu, góc 90°: #040822, #131883, #1b44e3, #008bed, #00c6e6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#040822
#050928
#060b31
#070d3c
#090f49
#0c1156
#0e1365
#111574
#131883
#151b91
#16209f
#1725aa
#182ab6
#1930c2
#1b36cd
#1b3dd8
#1b44e3
#194cec
#1254f6
#015dfe
#0069fa
#0075f6
#0080f1
#008bed
#0095ea
#009ee8
#00a6e7
#00aee6
#00b6e6
#00bce6
#00c1e6
#00c6e6

CSS

background: linear-gradient(90deg in oklch, oklch(14.96% 0.0551 270.00) 0.0%, oklch(16.15% 0.0638 269.91) 3.2%, oklch(17.67% 0.0755 269.84) 6.5%, oklch(19.46% 0.0894 269.76) 9.7%, oklch(21.47% 0.1050 269.68) 12.9%, oklch(23.64% 0.1215 269.56) 16.1%, oklch(25.93% 0.1385 269.40) 19.4%, oklch(28.27% 0.1551 269.19) 22.6%, oklch(30.62% 0.1707 268.91) 25.8%, oklch(32.93% 0.1847 268.54) 29.0%, oklch(35.13% 0.1965 268.07) 32.3%, oklch(37.22% 0.2059 267.55) 35.5%, oklch(39.36% 0.2146 267.14) 38.7%, oklch(41.53% 0.2226 266.79) 41.9%, oklch(43.72% 0.2297 266.43) 45.2%, oklch(45.92% 0.2359 265.98) 48.4%, oklch(48.12% 0.2411 265.38) 51.6%, oklch(50.29% 0.2452 264.55) 54.8%, oklch(52.43% 0.2482 263.41) 58.1%, oklch(54.53% 0.2498 261.91) 61.3%, oklch(56.56% 0.2304 259.97) 64.5%, oklch(58.53% 0.2119 257.48) 67.7%, oklch(60.54% 0.1936 254.14) 71.0%, oklch(62.59% 0.1773 250.04) 74.2%, oklch(64.65% 0.1641 245.39) 77.4%, oklch(66.67% 0.1538 240.40) 80.6%, oklch(68.63% 0.1461 235.27) 83.9%, oklch(70.47% 0.1408 230.23) 87.1%, oklch(72.17% 0.1373 225.48) 90.3%, oklch(73.68% 0.1353 221.22) 93.5%, oklch(74.96% 0.1344 217.68) 96.8%, oklch(75.99% 0.1343 215.05) 100.0%);

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

Gradient Cyber Monday

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