Xanh hải quân, xanh cổ vịt và xanh dương nhạt (tương đồng) (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #093340, #016574, #2c9da6, #75cacd, #d6f0f1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#093340
#093644
#093b49
#09414f
#074756
#064e5d
#045665
#025d6c
#016574
#016d7b
#057482
#0b7b88
#11828e
#178994
#1d909a
#2496a0
#2c9da6
#34a4ac
#3cabb1
#46b1b7
#50b8bd
#5bbec2
#67c4c7
#75cacd
#84d0d3
#93d6d8
#a1dbde
#afe1e3
#bbe5e7
#c6eaeb
#cfedef
#d6f0f1

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.0496 223.59) 0.0%, oklch(31.19% 0.0520 222.72) 3.2%, oklch(32.81% 0.0551 221.58) 6.5%, oklch(34.72% 0.0590 220.22) 9.7%, oklch(36.87% 0.0633 218.70) 12.9%, oklch(39.19% 0.0678 217.07) 16.1%, oklch(41.63% 0.0724 215.39) 19.4%, oklch(44.11% 0.0768 213.70) 22.6%, oklch(46.58% 0.0810 212.07) 25.8%, oklch(48.98% 0.0845 210.56) 29.0%, oklch(51.25% 0.0874 209.20) 32.3%, oklch(53.38% 0.0896 208.02) 35.5%, oklch(55.50% 0.0917 206.85) 38.7%, oklch(57.62% 0.0937 205.71) 41.9%, oklch(59.75% 0.0955 204.61) 45.2%, oklch(61.86% 0.0969 203.55) 48.4%, oklch(63.97% 0.0979 202.57) 51.6%, oklch(66.07% 0.0984 201.67) 54.8%, oklch(68.16% 0.0982 200.86) 58.1%, oklch(70.22% 0.0972 200.17) 61.3%, oklch(72.27% 0.0954 199.59) 64.5%, oklch(74.30% 0.0926 199.16) 67.7%, oklch(76.44% 0.0882 198.92) 71.0%, oklch(78.66% 0.0823 198.83) 74.2%, oklch(80.92% 0.0753 198.88) 77.4%, oklch(83.18% 0.0677 199.04) 80.6%, oklch(85.37% 0.0596 199.26) 83.9%, oklch(87.46% 0.0516 199.53) 87.1%, oklch(89.39% 0.0441 199.80) 90.3%, oklch(91.10% 0.0373 200.05) 93.5%, oklch(92.56% 0.0317 200.24) 96.8%, oklch(93.70% 0.0276 200.35) 100.0%);

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

Gradient dữ liệu tuần 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