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

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

Gradient tuyến tính, 32 màu, góc 180°: #18172d, #312e66, #d2a0a0, #bd9c60, #7f3c31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#18172d
#1a1831
#1d1a38
#211c40
#261f48
#2b2251
#302559
#322a60
#312e66
#2e346b
#2d3a70
#324176
#414a7f
#5c558b
#856795
#b0809b
#d2a0a0
#e7c0ab
#f0d8b9
#efe1bd
#e7dbb2
#dacb9b
#cbb57e
#bd9c60
#b18646
#a87535
#a1682c
#995c29
#92512a
#8b482e
#844130
#7f3c31

CSS

background: linear-gradient(180deg in oklch, oklch(21.65% 0.0427 284.06) 0.0%, oklch(22.60% 0.0481 284.79) 3.2%, oklch(23.86% 0.0561 285.93) 6.5%, oklch(25.38% 0.0653 287.24) 9.7%, oklch(27.08% 0.0746 288.43) 12.9%, oklch(28.88% 0.0828 289.24) 16.1%, oklch(30.73% 0.0888 289.41) 19.4%, oklch(32.40% 0.0920 287.49) 22.6%, oklch(33.71% 0.0938 282.19) 25.8%, oklch(35.03% 0.0944 275.84) 29.0%, oklch(36.72% 0.0937 270.84) 32.3%, oklch(39.15% 0.0921 269.61) 35.5%, oklch(42.68% 0.0895 274.54) 38.7%, oklch(48.00% 0.0854 288.56) 41.9%, oklch(56.02% 0.0783 313.25) 45.2%, oklch(65.53% 0.0694 344.57) 48.4%, oklch(75.17% 0.0603 18.09) 51.6%, oklch(83.56% 0.0528 49.37) 54.8%, oklch(89.32% 0.0486 73.94) 58.1%, oklch(91.15% 0.0492 87.88) 61.3%, oklch(89.10% 0.0552 93.32) 64.5%, oklch(84.32% 0.0650 92.89) 67.7%, oklch(77.93% 0.0766 88.47) 71.0%, oklch(71.04% 0.0880 81.95) 74.2%, oklch(64.80% 0.0973 75.22) 77.4%, oklch(60.27% 0.1027 70.05) 80.6%, oklch(56.67% 0.1043 64.30) 83.9%, oklch(53.37% 0.1037 57.10) 87.1%, oklch(50.41% 0.1016 49.30) 90.3%, oklch(47.84% 0.0989 41.74) 93.5%, oklch(45.72% 0.0965 35.29) 96.8%, oklch(44.09% 0.0951 30.79) 100.0%);

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

Yukata xanh chàm Đỏ đô và vàng kim Xanh hải quân và vàng kim

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