Xanh hải quân, nâu, xám và xanh dương (gradient tuyến tính)

Bảng màu Xanh hải quân, nâu, xám và xanh dương

Gradient tuyến tính, 32 màu, góc 90°: #1c2759, #6d372d, #b78c6f, #9ca9af, #3f6eae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1c2759
#272554
#32224a
#39203e
#3f2236
#472533
#522931
#5f2f2f
#6d372d
#78402b
#844b2e
#905634
#9b623d
#a56d46
#ac7851
#b38260
#b78c6f
#b8957a
#b49f82
#a9a88f
#a1aca0
#a1aca9
#a2aaac
#9ca9af
#90a6b5
#82a2bc
#749cc1
#6a94c2
#5f8abf
#527fb8
#4775b2
#3f6eae

CSS

background: linear-gradient(90deg in oklch, oklch(29.53% 0.0909 270.00) 0.0%, oklch(29.41% 0.0837 282.47) 3.2%, oklch(29.15% 0.0729 300.44) 6.5%, oklch(29.13% 0.0621 320.50) 9.7%, oklch(29.75% 0.0548 339.28) 12.9%, oklch(31.37% 0.0545 354.40) 16.1%, oklch(33.90% 0.0606 8.39) 19.4%, oklch(37.01% 0.0697 21.20) 22.6%, oklch(40.41% 0.0788 32.28) 25.8%, oklch(43.78% 0.0846 41.07) 29.0%, oklch(47.37% 0.0880 46.83) 32.3%, oklch(51.20% 0.0903 50.23) 35.5%, oklch(55.01% 0.0909 52.52) 38.7%, oklch(58.53% 0.0892 54.94) 41.9%, oklch(61.66% 0.0844 56.75) 45.2%, oklch(64.63% 0.0764 55.33) 48.4%, oklch(67.32% 0.0666 54.90) 51.6%, oklch(69.59% 0.0564 60.00) 54.8%, oklch(71.29% 0.0469 75.38) 58.1%, oklch(72.48% 0.0348 105.02) 61.3%, oklch(73.22% 0.0220 142.84) 64.5%, oklch(73.49% 0.0123 180.64) 67.7%, oklch(73.29% 0.0093 210.21) 71.0%, oklch(72.60% 0.0166 227.46) 74.2%, oklch(71.38% 0.0326 237.43) 77.4%, oklch(69.74% 0.0522 242.95) 80.6%, oklch(67.77% 0.0705 246.76) 83.9%, oklch(65.47% 0.0834 251.09) 87.1%, oklch(62.35% 0.0934 253.98) 90.3%, oklch(58.88% 0.1017 255.37) 93.5%, oklch(55.72% 0.1082 256.01) 96.8%, oklch(53.54% 0.1130 256.61) 100.0%);

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

May đo xám than và tím mậ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