Xanh hải quân, xám và tím oải hương (tương đồng) (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #081c38, #2f4872, #737ea7, #aea9c6, #dcc8d8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081c38
#0b1f3c
#0e2341
#122848
#172e4f
#1c3458
#223a60
#294169
#2f4872
#374f7a
#3e5582
#465c89
#4e628f
#576995
#60709b
#6977a1
#737ea7
#7c85ac
#858cb1
#8e93b5
#9699ba
#9e9ebe
#a6a4c2
#aea9c6
#b6aec9
#bdb2cc
#c4b7cf
#cabbd1
#d0bfd3
#d5c3d5
#d9c6d7
#dcc8d8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0593 256.64) 0.0%, oklch(24.16% 0.0606 256.94) 3.2%, oklch(25.85% 0.0625 257.25) 6.5%, oklch(27.84% 0.0650 257.58) 9.7%, oklch(30.08% 0.0677 257.95) 12.9%, oklch(32.51% 0.0704 258.41) 16.1%, oklch(35.05% 0.0731 258.95) 19.4%, oklch(37.66% 0.0754 259.62) 22.6%, oklch(40.28% 0.0773 260.42) 25.8%, oklch(42.84% 0.0784 261.39) 29.0%, oklch(45.28% 0.0787 262.55) 32.3%, oklch(47.62% 0.0779 263.88) 35.5%, oklch(50.04% 0.0762 265.26) 38.7%, oklch(52.51% 0.0736 266.73) 41.9%, oklch(55.02% 0.0704 268.32) 45.2%, oklch(57.53% 0.0668 270.04) 48.4%, oklch(60.02% 0.0630 271.95) 51.6%, oklch(62.46% 0.0590 274.06) 54.8%, oklch(64.82% 0.0552 276.42) 58.1%, oklch(67.06% 0.0517 279.05) 61.3%, oklch(69.16% 0.0486 281.98) 64.5%, oklch(71.11% 0.0461 285.28) 67.7%, oklch(72.97% 0.0439 289.30) 71.0%, oklch(74.79% 0.0418 294.00) 74.2%, oklch(76.53% 0.0398 299.18) 77.4%, oklch(78.18% 0.0380 304.62) 80.6%, oklch(79.73% 0.0363 310.13) 83.9%, oklch(81.16% 0.0348 315.51) 87.1%, oklch(82.47% 0.0335 320.55) 90.3%, oklch(83.62% 0.0322 325.06) 93.5%, oklch(84.62% 0.0312 328.83) 96.8%, oklch(85.43% 0.0303 331.67) 100.0%);

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

Gradient hologram

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