Xanh hải quân, xanh dương và tím (tương đồng) (gradient hình nón)

Bảng màu Xanh hải quân, xanh dương và tím (tương đồng)

Gradient hình nón, 32 màu, góc 210°: #000a19, #00254f, #2f4ba6, #5956bb, #4d3577. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000a19
#000c1c
#000e21
#001126
#00152d
#001934
#001d3c
#002145
#00254f
#002959
#002c65
#002f71
#08347b
#123a86
#1c4091
#25469b
#2f4ba6
#3851af
#4055b7
#4858be
#4f5ac2
#545bc3
#5759c0
#5956bb
#5a52b3
#5a4daa
#5848a0
#564396
#533e8c
#513a83
#4e377c
#4d3577

CSS

background: conic-gradient(from 210deg in oklch, oklch(14.22% 0.0395 249.28) 0.0%, oklch(15.17% 0.0425 249.59) 3.2%, oklch(16.36% 0.0463 250.02) 6.5%, oklch(17.76% 0.0510 250.56) 9.7%, oklch(19.34% 0.0566 251.22) 12.9%, oklch(21.06% 0.0630 252.00) 16.1%, oklch(22.88% 0.0703 252.89) 19.4%, oklch(24.77% 0.0785 253.88) 22.6%, oklch(26.69% 0.0878 254.96) 25.8%, oklch(28.61% 0.0981 256.12) 29.0%, oklch(30.50% 0.1099 257.37) 32.3%, oklch(32.41% 0.1236 258.66) 35.5%, oklch(34.61% 0.1293 260.09) 38.7%, oklch(37.04% 0.1349 261.65) 41.9%, oklch(39.59% 0.1402 263.29) 45.2%, oklch(42.15% 0.1453 265.02) 48.4%, oklch(44.62% 0.1498 266.81) 51.6%, oklch(46.90% 0.1537 268.65) 54.8%, oklch(48.89% 0.1567 270.53) 58.1%, oklch(50.48% 0.1589 272.45) 61.3%, oklch(51.57% 0.1599 274.38) 64.5%, oklch(52.05% 0.1596 276.34) 67.7%, oklch(51.85% 0.1575 278.50) 71.0%, oklch(51.07% 0.1537 280.84) 74.2%, oklch(49.83% 0.1487 283.31) 77.4%, oklch(48.25% 0.1428 285.82) 80.6%, oklch(46.47% 0.1365 288.31) 83.9%, oklch(44.62% 0.1299 290.70) 87.1%, oklch(42.81% 0.1237 292.92) 90.3%, oklch(41.18% 0.1181 294.91) 93.5%, oklch(39.86% 0.1135 296.58) 96.8%, oklch(38.98% 0.1102 297.87) 100.0%);

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

Gradient xanh chàm

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