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

Gradient tuyến tính, 64 màu, góc 225°: #253950, #5e564f, #020202, #232526, #d3cac1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#253950
#2a3951
#303a53
#373c55
#3f3d56
#463f57
#4e4257
#544456
#5a4855
#5f4b54
#634e53
#655152
#665452
#655652
#645751
#625750
#5e564f
#5a534c
#544e48
#4d4942
#46423c
#3e3a36
#36332f
#2d2b28
#252320
#1d1c1a
#161513
#100f0d
#0a0909
#060605
#040403
#020202
#020202
#020202
#020202
#020202
#020202
#030303
#040404
#050505
#070707
#090909
#0d0d0d
#101111
#141515
#191a1a
#1e1f20
#232526
#2a2b2c
#313234
#3a3b3d
#454448
#514f53
#5d5a5e
#6b666a
#797376
#877f82
#958c8d
#a29898
#afa4a2
#baafab
#c4bab4
#ccc2bb
#d3cac1

CSS

background: linear-gradient(225deg in oklch, oklch(33.86% 0.0482 252.42) 0.0%, oklch(34.39% 0.0471 258.67) 1.6%, oklch(35.17% 0.0456 266.60) 3.2%, oklch(36.15% 0.0439 275.97) 4.8%, oklch(37.29% 0.0421 286.55) 6.3%, oklch(38.54% 0.0400 298.10) 7.9%, oklch(39.85% 0.0378 310.38) 9.5%, oklch(41.17% 0.0355 323.17) 11.1%, oklch(42.46% 0.0331 336.22) 12.7%, oklch(43.66% 0.0307 349.30) 14.3%, oklch(44.74% 0.0283 2.18) 15.9%, oklch(45.64% 0.0260 14.62) 17.5%, oklch(46.32% 0.0237 26.38) 19.0%, oklch(46.73% 0.0216 37.23) 20.6%, oklch(46.82% 0.0196 46.93) 22.2%, oklch(46.54% 0.0178 55.25) 23.8%, oklch(45.84% 0.0162 61.96) 25.4%, oklch(44.60% 0.0147 67.08) 27.0%, oklch(42.84% 0.0132 70.81) 28.6%, oklch(40.63% 0.0118 73.37) 30.2%, oklch(38.06% 0.0105 74.96) 31.7%, oklch(35.21% 0.0092 75.79) 33.3%, oklch(32.17% 0.0080 76.06) 34.9%, oklch(29.00% 0.0068 75.97) 36.5%, oklch(25.79% 0.0057 75.74) 38.1%, oklch(22.63% 0.0047 75.57) 39.7%, oklch(19.59% 0.0037 75.66) 41.3%, oklch(16.75% 0.0029 76.22) 42.9%, oklch(14.19% 0.0021 77.45) 44.4%, oklch(12.01% 0.0014 79.56) 46.0%, oklch(10.26% 0.0008 82.76) 47.6%, oklch(9.05% 0.0002 87.24) 49.2%, oklch(8.39% 0.0000 89.88) 50.8%, oklch(8.06% 0.0000 89.88) 52.4%, oklch(8.00% 0.0000 89.88) 54.0%, oklch(8.20% 0.0000 89.88) 55.6%, oklch(8.64% 0.0000 89.88) 57.1%, oklch(9.32% 0.0000 89.88) 58.7%, oklch(10.22% 0.0000 89.88) 60.3%, oklch(11.32% 0.0000 89.88) 61.9%, oklch(12.62% 0.0000 89.88) 63.5%, oklch(14.11% 0.0000 178.22) 65.1%, oklch(15.76% 0.0004 189.60) 66.7%, oklch(17.58% 0.0008 201.05) 68.3%, oklch(19.54% 0.0012 212.49) 69.8%, oklch(21.63% 0.0017 223.83) 71.4%, oklch(23.85% 0.0022 234.99) 73.0%, oklch(26.17% 0.0026 245.88) 74.6%, oklch(28.72% 0.0032 256.75) 76.2%, oklch(31.75% 0.0038 268.34) 77.8%, oklch(35.19% 0.0045 280.51) 79.4%, oklch(38.98% 0.0053 293.14) 81.0%, oklch(43.04% 0.0062 306.05) 82.5%, oklch(47.29% 0.0071 319.12) 84.1%, oklch(51.67% 0.0080 332.18) 85.7%, oklch(56.09% 0.0090 345.10) 87.3%, oklch(60.49% 0.0100 357.71) 88.9%, oklch(64.78% 0.0109 9.87) 90.5%, oklch(68.90% 0.0118 21.43) 92.1%, oklch(72.77% 0.0127 32.25) 93.7%, oklch(76.31% 0.0134 42.16) 95.2%, oklch(79.46% 0.0141 51.03) 96.8%, oklch(82.13% 0.0147 58.70) 98.4%, oklch(84.25% 0.0152 65.02) 100.0%);

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

Gradient crôm

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