Xanh hải quân, nâu và tím (ba tông) (gradient xuyên tâm)

Bảng màu Xanh hải quân, nâu và tím (ba tông)

Gradient xuyên tâm, 32 màu: #171b24, #415771, #864d3e, #aa895d, #5a394a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#171b24
#1a1f2a
#1f2632
#242f3c
#2a3847
#2f4253
#354b5e
#3b5268
#415771
#4a5777
#55557a
#615077
#6d4b6e
#774761
#7d4652
#824845
#864d3e
#8b563c
#92613e
#986d44
#9f784b
#a48153
#a8875a
#aa895d
#a8855d
#a37b5a
#9a6f57
#8e6155
#7f5352
#71474f
#643f4c
#5a394a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0193 266.48) 0.0%, oklch(23.98% 0.0217 264.19) 3.2%, oklch(26.72% 0.0250 259.93) 6.5%, oklch(29.99% 0.0288 254.80) 9.7%, oklch(33.52% 0.0331 249.87) 12.9%, oklch(37.04% 0.0376 246.22) 16.1%, oklch(40.28% 0.0422 244.95) 19.4%, oklch(42.98% 0.0465 247.14) 22.6%, oklch(44.87% 0.0506 253.89) 25.8%, oklch(45.94% 0.0549 266.36) 29.0%, oklch(46.39% 0.0596 283.52) 32.3%, oklch(46.45% 0.0643 303.77) 35.5%, oklch(46.33% 0.0689 325.49) 38.7%, oklch(46.25% 0.0730 347.11) 41.9%, oklch(46.43% 0.0765 7.00) 45.2%, oklch(47.07% 0.0791 23.58) 48.4%, oklch(48.44% 0.0805 35.86) 51.6%, oklch(50.75% 0.0809 46.44) 54.8%, oklch(53.70% 0.0804 55.68) 58.1%, oklch(56.92% 0.0793 63.36) 61.3%, oklch(60.03% 0.0778 69.25) 64.5%, oklch(62.67% 0.0759 73.14) 67.7%, oklch(64.47% 0.0740 74.81) 71.0%, oklch(65.05% 0.0721 74.05) 74.2%, oklch(64.05% 0.0702 69.89) 77.4%, oklch(61.51% 0.0679 61.16) 80.6%, oklch(57.88% 0.0653 49.12) 83.9%, oklch(53.61% 0.0625 35.17) 87.1%, oklch(49.13% 0.0598 20.69) 90.3%, oklch(44.91% 0.0573 7.05) 93.5%, oklch(41.37% 0.0552 355.64) 96.8%, oklch(38.98% 0.0537 347.85) 100.0%);

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

Lo-fi

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