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

Gradient tuyến tính, 32 màu, góc 135°: #17274b, #597088, #aa9a8d, #99684a, #37232a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#17274b
#1b2c51
#1f335b
#243c66
#2b4670
#344f7a
#3e5980
#4a6585
#597088
#69798c
#778190
#858795
#928d98
#9d9198
#a59696
#a99992
#aa9a8d
#ac9885
#af937b
#b18c70
#b18467
#ac7b5e
#a47254
#99684a
#8c5e41
#80533a
#744935
#683f33
#5a3632
#4c2e30
#3f272d
#37232a

CSS

background: linear-gradient(135deg in oklch, oklch(27.95% 0.0703 265.08) 0.0%, oklch(29.92% 0.0721 264.09) 3.2%, oklch(32.67% 0.0752 262.60) 6.5%, oklch(35.92% 0.0782 260.97) 9.7%, oklch(39.38% 0.0796 259.58) 12.9%, oklch(42.77% 0.0779 258.79) 16.1%, oklch(46.13% 0.0714 257.21) 19.4%, oklch(49.79% 0.0604 253.45) 22.6%, oklch(53.51% 0.0474 250.42) 25.8%, oklch(57.04% 0.0350 251.10) 29.0%, oklch(60.13% 0.0255 258.49) 32.3%, oklch(62.69% 0.0204 276.49) 35.5%, oklch(65.02% 0.0177 306.58) 38.7%, oklch(67.01% 0.0170 342.58) 41.9%, oklch(68.54% 0.0182 17.89) 45.2%, oklch(69.48% 0.0212 45.92) 48.4%, oklch(69.71% 0.0265 60.97) 51.6%, oklch(69.29% 0.0358 65.64) 54.8%, oklch(68.29% 0.0476 63.74) 58.1%, oklch(66.79% 0.0594 58.62) 61.3%, oklch(64.87% 0.0690 53.61) 64.5%, oklch(62.56% 0.0743 51.77) 67.7%, oklch(59.62% 0.0763 51.82) 71.0%, oklch(56.14% 0.0760 52.15) 74.2%, oklch(52.39% 0.0740 51.84) 77.4%, oklch(48.63% 0.0707 50.02) 80.6%, oklch(45.10% 0.0668 45.74) 83.9%, oklch(41.39% 0.0608 37.68) 87.1%, oklch(37.49% 0.0528 26.88) 90.3%, oklch(33.77% 0.0443 15.34) 93.5%, oklch(30.60% 0.0368 5.08) 96.8%, oklch(28.35% 0.0317 358.07) 100.0%);

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

Tiệc cưới lụa sâm panh

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