Xanh hải quân, xám và xanh cổ vịt (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xám và xanh cổ vịt (tương đồng)

Gradient xuyên tâm, 32 màu: #102833, #dae3d1, #74a4a0, #2f7078, #123c4a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#102833
#1d373f
#334e51
#4f6a67
#718880
#94a79a
#b4c2b3
#ccd7c6
#dae3d1
#dce6d3
#d5e3cf
#c8dbc7
#b6d0be
#a2c4b4
#8fb7ac
#7faca5
#74a4a0
#699d9b
#5e9595
#548d8f
#4a8689
#407e83
#37777d
#2f7078
#296872
#23616c
#1e5965
#1b525e
#184b58
#164552
#14404d
#123c4a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0358 227.81) 0.0%, oklch(32.06% 0.0348 218.81) 3.2%, oklch(40.30% 0.0332 205.59) 6.5%, oklch(50.14% 0.0312 189.78) 9.7%, oklch(60.64% 0.0292 173.01) 12.9%, oklch(70.86% 0.0275 156.93) 16.1%, oklch(79.85% 0.0262 143.15) 19.4%, oklch(86.66% 0.0258 133.33) 22.6%, oklch(90.38% 0.0265 129.05) 25.8%, oklch(91.26% 0.0283 130.33) 29.0%, oklch(90.02% 0.0312 135.85) 32.3%, oklch(87.22% 0.0346 144.37) 35.5%, oklch(83.39% 0.0385 154.65) 38.7%, oklch(79.07% 0.0425 165.45) 41.9%, oklch(74.81% 0.0463 175.54) 45.2%, oklch(71.13% 0.0496 183.66) 48.4%, oklch(68.40% 0.0523 188.95) 51.6%, oklch(65.80% 0.0550 192.88) 54.8%, oklch(63.19% 0.0577 195.96) 58.1%, oklch(60.59% 0.0602 198.41) 61.3%, oklch(58.01% 0.0624 200.44) 64.5%, oklch(55.47% 0.0642 202.26) 67.7%, oklch(52.99% 0.0655 204.08) 71.0%, oklch(50.59% 0.0661 206.11) 74.2%, oklch(48.21% 0.0658 208.45) 77.4%, oklch(45.73% 0.0645 210.86) 80.6%, oklch(43.23% 0.0624 213.26) 83.9%, oklch(40.80% 0.0598 215.58) 87.1%, oklch(38.52% 0.0571 217.74) 90.3%, oklch(36.48% 0.0546 219.67) 93.5%, oklch(34.77% 0.0524 221.29) 96.8%, oklch(33.46% 0.0510 222.53) 100.0%);

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

Gradient hình nề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