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

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

Gradient tuyến tính, 32 màu, góc 180°: #11152d, #2b2950, #664145, #917132, #4c452a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11152d
#121630
#141835
#171a3a
#1a1d40
#1e2045
#23224a
#27254d
#2b2950
#302c53
#353054
#3b3356
#433657
#4c3856
#563a53
#5f3d4d
#664145
#6a473f
#6e4d3b
#71533a
#785b39
#816337
#896a35
#917132
#94752f
#92752e
#89712d
#7c692d
#6d5f2d
#5f542c
#534b2b
#4c452a

CSS

background: linear-gradient(180deg in oklch, oklch(20.47% 0.0482 274.22) 0.0%, oklch(21.24% 0.0511 274.81) 3.2%, oklch(22.29% 0.0554 275.46) 6.5%, oklch(23.54% 0.0603 276.30) 9.7%, oklch(24.91% 0.0651 277.44) 12.9%, oklch(26.32% 0.0691 279.01) 16.1%, oklch(27.69% 0.0714 281.12) 19.4%, oklch(29.01% 0.0716 283.30) 22.6%, oklch(30.36% 0.0701 284.84) 25.8%, oklch(31.74% 0.0674 286.60) 29.0%, oklch(33.15% 0.0642 289.44) 32.3%, oklch(34.58% 0.0611 294.24) 35.5%, oklch(36.03% 0.0586 301.87) 38.7%, oklch(37.49% 0.0569 313.58) 41.9%, oklch(38.94% 0.0550 330.41) 45.2%, oklch(40.40% 0.0531 350.48) 48.4%, oklch(41.89% 0.0517 11.68) 51.6%, oklch(43.44% 0.0512 31.88) 54.8%, oklch(45.05% 0.0523 48.99) 58.1%, oklch(46.82% 0.0554 61.13) 61.3%, oklch(49.18% 0.0621 69.46) 64.5%, oklch(51.87% 0.0713 75.17) 67.7%, oklch(54.49% 0.0811 79.02) 71.0%, oklch(56.62% 0.0897 81.78) 74.2%, oklch(57.84% 0.0953 84.22) 77.4%, oklch(57.72% 0.0962 87.08) 80.6%, oklch(55.86% 0.0913 89.72) 83.9%, oklch(52.67% 0.0823 91.71) 87.1%, oklch(48.76% 0.0711 93.20) 90.3%, oklch(44.76% 0.0595 94.32) 93.5%, oklch(41.29% 0.0494 95.20) 96.8%, oklch(38.98% 0.0427 95.98) 100.0%);

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

Gradient nhiều màu tông tối

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