Xanh hải quân và xám (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #0c1c36, #576f82, #98aeba, #516576, #040f23. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c1c36
#10203a
#14253f
#1a2c45
#20334c
#283c54
#30455c
#394f65
#43596f
#4d6478
#576f82
#61798b
#6b8495
#758d9d
#7e96a5
#869eac
#8da5b2
#93aab6
#96adb9
#98afbb
#98aeba
#95acb8
#91a7b3
#8ba1ad
#8399a6
#7a909e
#718695
#667c8b
#5c7080
#516576
#465a6b
#3b4e60
#314356
#28394c
#1f2f43
#17273a
#101f33
#0b182c
#061327
#040f23

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0551 260.16) 0.0%, oklch(24.41% 0.0544 259.25) 2.6%, oklch(26.48% 0.0534 258.06) 5.1%, oklch(28.97% 0.0523 256.64) 7.7%, oklch(31.83% 0.0510 255.01) 10.3%, oklch(34.98% 0.0495 253.22) 12.8%, oklch(38.36% 0.0480 251.29) 15.4%, oklch(41.90% 0.0464 249.27) 17.9%, oklch(45.55% 0.0447 247.19) 20.5%, oklch(49.24% 0.0430 245.09) 23.1%, oklch(52.90% 0.0413 242.99) 25.6%, oklch(56.47% 0.0397 240.95) 28.2%, oklch(59.89% 0.0381 238.98) 30.8%, oklch(63.08% 0.0365 237.14) 33.3%, oklch(65.99% 0.0351 235.46) 35.9%, oklch(68.55% 0.0338 233.96) 38.5%, oklch(70.69% 0.0327 232.69) 41.0%, oklch(72.36% 0.0317 231.69) 43.6%, oklch(73.49% 0.0310 230.98) 46.2%, oklch(74.00% 0.0305 230.62) 48.7%, oklch(73.85% 0.0302 230.62) 51.3%, oklch(73.02% 0.0302 230.98) 53.8%, oklch(71.56% 0.0304 231.69) 56.4%, oklch(69.56% 0.0308 232.69) 59.0%, oklch(67.06% 0.0314 233.96) 61.5%, oklch(64.15% 0.0321 235.46) 64.1%, oklch(60.89% 0.0330 237.14) 66.7%, oklch(57.35% 0.0339 238.98) 69.2%, oklch(53.58% 0.0350 240.95) 71.8%, oklch(49.67% 0.0361 242.99) 74.4%, oklch(45.67% 0.0372 245.09) 76.9%, oklch(41.65% 0.0384 247.19) 79.5%, oklch(37.68% 0.0395 249.27) 82.1%, oklch(33.83% 0.0406 251.29) 84.6%, oklch(30.17% 0.0417 253.22) 87.2%, oklch(26.75% 0.0427 255.01) 89.7%, oklch(23.65% 0.0436 256.64) 92.3%, oklch(20.94% 0.0444 258.06) 94.9%, oklch(18.67% 0.0450 259.25) 97.4%, oklch(16.93% 0.0455 260.16) 100.0%);

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

Gradient vintage Gradient u buồ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