Trắng, xanh hải quân, xanh cổ vịt và vàng (gradient tuyến tính)

Bảng màu Trắng, xanh hải quân, xanh cổ vịt và vàng

Gradient tuyến tính, 32 màu, góc 90°: #f2eee1, #144550, #167073, #98bd58, #e5cf55. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2eee1
#dfdecf
#c3c8b6
#a1ae9c
#7b9384
#587970
#396261
#225056
#144550
#0c414f
#094150
#0a4454
#0d4b5a
#115461
#155d68
#17676e
#167073
#167b77
#1f8878
#319676
#4aa371
#66ae69
#81b760
#98bd58
#aac252
#b9c54f
#c5c84e
#ceca4e
#d5cc50
#dbcd52
#e0ce54
#e5cf55

CSS

background: linear-gradient(90deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(89.74% 0.0209 103.52) 3.2%, oklch(82.35% 0.0250 118.86) 6.5%, oklch(73.51% 0.0298 137.18) 9.7%, oklch(64.04% 0.0351 156.84) 12.9%, oklch(54.78% 0.0406 176.19) 16.1%, oklch(46.53% 0.0459 193.58) 19.4%, oklch(40.12% 0.0507 207.36) 22.6%, oklch(36.32% 0.0546 215.99) 25.8%, oklch(34.75% 0.0576 220.61) 29.0%, oklch(34.79% 0.0600 222.40) 32.3%, oklch(36.09% 0.0619 221.80) 35.5%, oklch(38.32% 0.0639 219.27) 38.7%, oklch(41.13% 0.0662 215.25) 41.9%, oklch(44.18% 0.0692 210.20) 45.2%, oklch(47.11% 0.0733 204.56) 48.4%, oklch(49.77% 0.0788 198.40) 51.6%, oklch(52.96% 0.0861 190.00) 54.8%, oklch(56.65% 0.0949 179.72) 58.1%, oklch(60.61% 0.1043 168.30) 61.3%, oklch(64.65% 0.1138 156.50) 64.5%, oklch(68.53% 0.1228 145.05) 67.7%, oklch(72.04% 0.1306 134.72) 71.0%, oklch(74.97% 0.1366 126.25) 74.2%, oklch(77.24% 0.1405 119.91) 77.4%, oklch(79.11% 0.1427 114.78) 80.6%, oklch(80.64% 0.1437 110.66) 83.9%, oklch(81.88% 0.1438 107.37) 87.1%, oklch(82.88% 0.1433 104.75) 90.3%, oklch(83.71% 0.1426 102.62) 93.5%, oklch(84.41% 0.1420 100.81) 96.8%, oklch(85.04% 0.1419 99.15) 100.0%);

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

Gradient bản đồ thời tiết

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