Xanh hải quân, xám, be và đỏ nâu (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #002c5a, #52838e, #f5e7b0, #b26556, #550b29. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#002c5a
#033061
#153564
#233c67
#2f456c
#394f72
#425c7a
#486d85
#52838e
#679b94
#87b096
#acc199
#cbcd9e
#dfd5a5
#ecddab
#f3e3af
#f5e7b0
#f4e7ad
#f1e1a5
#edd598
#e6bf85
#d9a271
#c78361
#b26556
#9c4d50
#8a3b4a
#7c2f45
#70253e
#671c38
#601632
#5a102d
#550b29

CSS

background: linear-gradient(135deg in oklch, oklch(29.54% 0.0938 253.94) 0.0%, oklch(31.21% 0.0980 254.93) 3.2%, oklch(33.35% 0.0902 257.77) 6.5%, oklch(35.96% 0.0812 260.61) 9.7%, oklch(39.05% 0.0721 261.73) 12.9%, oklch(42.64% 0.0642 259.40) 16.1%, oklch(46.75% 0.0586 251.88) 19.4%, oklch(51.76% 0.0560 236.74) 22.6%, oklch(58.08% 0.0554 213.60) 25.8%, oklch(65.07% 0.0562 185.85) 29.0%, oklch(72.08% 0.0580 156.97) 32.3%, oklch(78.45% 0.0603 130.41) 35.5%, oklch(83.52% 0.0626 109.66) 38.7%, oklch(86.96% 0.0646 97.64) 41.9%, oklch(89.65% 0.0669 92.93) 45.2%, oklch(91.57% 0.0696 92.91) 48.4%, oklch(92.53% 0.0726 95.02) 51.6%, oklch(92.37% 0.0758 96.71) 54.8%, oklch(90.92% 0.0792 95.41) 58.1%, oklch(87.92% 0.0828 88.76) 61.3%, oklch(82.51% 0.0872 77.26) 64.5%, oklch(75.30% 0.0920 62.80) 67.7%, oklch(67.18% 0.0970 47.14) 71.0%, oklch(59.05% 0.1015 32.03) 74.2%, oklch(51.80% 0.1053 19.23) 77.4%, oklch(46.30% 0.1079 10.45) 80.6%, oklch(42.07% 0.1091 5.39) 83.9%, oklch(38.56% 0.1094 2.84) 87.1%, oklch(35.69% 0.1091 2.03) 90.3%, oklch(33.35% 0.1084 2.19) 93.5%, oklch(31.46% 0.1078 2.54) 96.8%, oklch(29.92% 0.1075 2.32) 100.0%);

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

Gradient màu giả thiên vă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