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

Bảng màu Xanh hải quân, xanh cổ vịt, xanh dương nhạt và tím tông lạnh

Gradient tuyến tính, 32 màu, góc 45°: #061824, #008e93, #c5ece6, #9c7ac7, #170d35. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#061824
#07202d
#092b39
#093948
#084857
#085866
#076974
#027b84
#008e93
#10a0a2
#2cb1ae
#4dc0b7
#74cfbf
#98dbc8
#b4e5d4
#c4ebde
#c5ece6
#bbe8ee
#b1ddf6
#b0cbf9
#b6b6f1
#b6a2e3
#ac8ed5
#9c7ac7
#8766ba
#7253ac
#60439b
#4e3485
#3c276d
#2c1c56
#1f1342
#170d35

CSS

background: linear-gradient(45deg in oklch, oklch(20.08% 0.0344 239.77) 0.0%, oklch(23.05% 0.0395 236.08) 3.2%, oklch(27.18% 0.0467 230.84) 6.5%, oklch(32.07% 0.0551 224.77) 9.7%, oklch(37.31% 0.0637 218.61) 12.9%, oklch(42.48% 0.0718 213.09) 16.1%, oklch(47.58% 0.0801 208.44) 19.4%, oklch(53.05% 0.0901 204.02) 22.6%, oklch(58.66% 0.0997 199.85) 25.8%, oklch(64.15% 0.1070 195.93) 29.0%, oklch(69.28% 0.1095 192.30) 32.3%, oklch(74.11% 0.1044 188.07) 35.5%, oklch(79.23% 0.0906 181.56) 38.7%, oklch(84.12% 0.0727 175.17) 41.9%, oklch(88.17% 0.0555 171.60) 45.2%, oklch(90.77% 0.0437 173.54) 48.4%, oklch(91.38% 0.0415 184.09) 51.6%, oklch(90.13% 0.0473 205.37) 54.8%, oklch(87.48% 0.0580 232.75) 58.1%, oklch(83.84% 0.0710 260.86) 61.3%, oklch(79.66% 0.0838 284.32) 64.5%, oklch(75.27% 0.0943 298.08) 67.7%, oklch(70.06% 0.1060 303.43) 71.0%, oklch(64.13% 0.1185 303.50) 74.2%, oklch(57.86% 0.1294 300.67) 77.4%, oklch(51.67% 0.1365 297.29) 80.6%, oklch(45.93% 0.1374 295.68) 83.9%, oklch(40.06% 0.1297 294.72) 87.1%, oklch(34.03% 0.1158 293.31) 90.3%, oklch(28.35% 0.0994 291.77) 93.5%, oklch(23.53% 0.0844 290.37) 96.8%, oklch(20.08% 0.0744 289.43) 100.0%);

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

Bảng màu đêm giao thừa Tết Dương lịch

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