Xanh hải quân, xanh cổ vịt, xanh dương nhạt và xanh dương 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à xanh dương tông lạnh

Gradient tuyến tính, 32 màu, góc 90°: #07142d, #104168, #118475, #2fd6c1, #6744c5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07142d
#081732
#0b1b38
#0d203f
#102547
#122c50
#143259
#133961
#104168
#05486d
#00506e
#00586e
#00606e
#00686e
#00716f
#007a71
#118475
#22907c
#319e86
#3dad91
#45bb9d
#48c8a9
#43d2b5
#2fd6c1
#00d3cb
#00c7d3
#00b6d8
#00a1de
#1a87e8
#496cdf
#5d55d1
#6744c5

CSS

background: linear-gradient(90deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(20.97% 0.0563 260.93) 3.2%, oklch(22.67% 0.0599 260.50) 6.5%, oklch(24.69% 0.0642 260.00) 9.7%, oklch(26.94% 0.0689 259.19) 12.9%, oklch(29.33% 0.0736 257.80) 16.1%, oklch(31.76% 0.0780 255.57) 19.4%, oklch(34.13% 0.0818 252.25) 22.6%, oklch(36.37% 0.0847 247.53) 25.8%, oklch(38.51% 0.0864 240.60) 29.0%, oklch(40.62% 0.0827 231.81) 32.3%, oklch(42.75% 0.0789 221.83) 35.5%, oklch(44.92% 0.0781 211.48) 38.7%, oklch(47.19% 0.0803 201.52) 41.9%, oklch(49.60% 0.0850 192.72) 45.2%, oklch(52.18% 0.0916 185.84) 48.4%, oklch(55.08% 0.0954 181.31) 51.6%, oklch(58.83% 0.0995 177.63) 54.8%, oklch(63.14% 0.1042 174.75) 58.1%, oklch(67.63% 0.1094 172.94) 61.3%, oklch(71.87% 0.1151 172.47) 64.5%, oklch(75.47% 0.1211 173.60) 67.7%, oklch(78.02% 0.1272 176.59) 71.0%, oklch(79.13% 0.1335 181.72) 74.2%, oklch(78.35% 0.1353 189.93) 77.4%, oklch(75.69% 0.1288 202.35) 80.6%, oklch(71.66% 0.1285 217.69) 83.9%, oklch(66.81% 0.1409 234.59) 87.1%, oklch(61.67% 0.1722 251.64) 90.3%, oklch(56.80% 0.1795 267.50) 93.5%, oklch(52.73% 0.1856 280.77) 96.8%, oklch(50.00% 0.1902 290.09) 100.0%);

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

Gradient cực quang

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