Xám, xanh dương nhạt, tím và xanh hải quân (gradient xuyên tâm)

Bảng màu Xám, xanh dương nhạt, tím và xanh hải quân

Gradient xuyên tâm, 32 màu: #c1cacf, #86e2e4, #517ac8, #a0498c, #292d3b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c1cacf
#cbd3d6
#dbe0e1
#ebeded
#f2f6f6
#e8f8f8
#cff4f4
#aceced
#86e2e4
#66d8df
#51ccdb
#48bfd7
#46b1d2
#46a3ce
#4696cc
#4988cb
#517ac8
#5d6cc5
#6b61c0
#7e5bbc
#9457b6
#a454ab
#a9509d
#a0498c
#8b3f79
#733566
#5d2e58
#4d2a4f
#3f2a4b
#342c46
#2d2d40
#292d3b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(83.46% 0.0124 229.92) 0.0%, oklch(86.21% 0.0098 224.87) 3.2%, oklch(90.36% 0.0053 217.44) 6.5%, oklch(94.44% 0.0025 209.56) 9.7%, oklch(96.99% 0.0048 203.19) 12.9%, oklch(96.72% 0.0162 199.66) 16.1%, oklch(94.07% 0.0378 197.57) 19.4%, oklch(90.05% 0.0638 196.91) 22.6%, oklch(85.64% 0.0878 197.93) 25.8%, oklch(81.79% 0.1035 200.89) 29.0%, oklch(78.26% 0.1093 206.24) 32.3%, oklch(74.67% 0.1093 213.62) 35.5%, oklch(71.14% 0.1075 222.28) 38.7%, oklch(67.82% 0.1078 231.51) 41.9%, oklch(64.68% 0.1130 240.99) 45.2%, oklch(61.48% 0.1209 251.36) 48.4%, oklch(58.55% 0.1297 262.36) 51.6%, oklch(56.23% 0.1377 273.64) 54.8%, oklch(54.89% 0.1433 285.04) 58.1%, oklch(55.27% 0.1484 298.13) 61.3%, oklch(56.57% 0.1526 311.85) 64.5%, oklch(57.55% 0.1541 324.07) 67.7%, oklch(56.97% 0.1511 332.67) 71.0%, oklch(53.84% 0.1417 336.79) 74.2%, oklch(48.77% 0.1267 337.78) 77.4%, oklch(43.04% 0.1089 335.98) 80.6%, oklch(37.95% 0.0914 331.67) 83.9%, oklch(34.64% 0.0765 324.68) 87.1%, oklch(32.61% 0.0616 312.51) 90.3%, oklch(31.35% 0.0472 297.70) 93.5%, oklch(30.56% 0.0349 283.79) 96.8%, oklch(29.92% 0.0262 274.31) 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