Xanh hải quân, tím, đỏ nâu và xám (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím, đỏ nâu và xám

Gradient xuyên tâm, 32 màu: #11295b, #114c85, #5c275f, #784461, #d4dee3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11295b
#112c5e
#112f62
#103467
#0f396d
#0d3e73
#0b4479
#0c487f
#114c85
#184f89
#22508d
#2d4e8e
#39498d
#454187
#4f387d
#572f6f
#5c275f
#5f204f
#601d42
#621d3a
#642138
#69293e
#70354c
#784461
#805879
#886d91
#9185a7
#9b9cb9
#a9b2c7
#b8c4d3
#c8d3dc
#d4dee3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(29.53% 0.0937 262.27) 0.0%, oklch(30.40% 0.0950 261.56) 3.2%, oklch(31.63% 0.0968 260.07) 6.5%, oklch(33.12% 0.0990 258.09) 9.7%, oklch(34.78% 0.1014 255.94) 12.9%, oklch(36.52% 0.1040 253.92) 16.1%, oklch(38.24% 0.1064 252.33) 19.4%, oklch(39.86% 0.1087 251.49) 22.6%, oklch(41.28% 0.1107 251.71) 25.8%, oklch(42.41% 0.1121 253.29) 29.0%, oklch(43.16% 0.1129 256.53) 32.3%, oklch(43.35% 0.1131 262.17) 35.5%, oklch(42.79% 0.1131 271.30) 38.7%, oklch(41.66% 0.1129 283.10) 41.9%, oklch(40.17% 0.1125 296.65) 45.2%, oklch(38.55% 0.1117 311.01) 48.4%, oklch(36.99% 0.1105 325.25) 51.6%, oklch(35.73% 0.1088 338.44) 54.8%, oklch(34.96% 0.1064 349.63) 58.1%, oklch(34.92% 0.1033 357.90) 61.3%, oklch(35.80% 0.0995 2.32) 64.5%, oklch(37.84% 0.0947 1.94) 67.7%, oklch(41.27% 0.0883 356.42) 71.0%, oklch(45.90% 0.0804 346.62) 74.2%, oklch(51.40% 0.0714 333.51) 77.4%, oklch(57.49% 0.0617 318.10) 80.6%, oklch(63.86% 0.0517 301.37) 83.9%, oklch(70.21% 0.0419 284.31) 87.1%, oklch(76.24% 0.0327 267.93) 90.3%, oklch(81.64% 0.0244 253.20) 93.5%, oklch(86.12% 0.0175 241.12) 96.8%, oklch(89.37% 0.0124 232.68) 100.0%);

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

Xanh hải quân

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