Xanh hải quân sang xanh lơ (tương đồng) (gradient hình nón)

Bảng màu Xanh hải quân sang xanh lơ (tương đồng)

Gradient hình nón, 32 màu, góc 225°: #071837, #0b3969, #0f85a2, #1cdde8, #4ff3e8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#071837
#071a3b
#081d3f
#092045
#0a244c
#0b2853
#0b2d5a
#0c3361
#0b3969
#094170
#074977
#05527d
#045b84
#05658b
#086f92
#0c7a9a
#0f85a2
#1191ad
#129eb8
#12acc3
#12bacf
#13c7d9
#16d3e2
#1cdde8
#24e4ec
#2ce9ed
#34eded
#3cefed
#42f0eb
#48f1e9
#4cf2e8
#4ff3e8

CSS

background: conic-gradient(from 225deg in oklch, oklch(21.65% 0.0648 260.16) 0.0%, oklch(22.56% 0.0674 259.82) 3.2%, oklch(23.70% 0.0710 259.57) 6.5%, oklch(25.06% 0.0754 259.28) 9.7%, oklch(26.61% 0.0802 258.83) 12.9%, oklch(28.33% 0.0849 258.12) 16.1%, oklch(30.22% 0.0893 257.02) 19.4%, oklch(32.25% 0.0930 255.42) 22.6%, oklch(34.41% 0.0956 253.19) 25.8%, oklch(36.76% 0.0970 250.16) 29.0%, oklch(39.30% 0.0976 246.44) 32.3%, oklch(42.01% 0.0976 242.25) 35.5%, oklch(44.86% 0.0974 237.80) 38.7%, oklch(47.81% 0.0974 233.29) 41.9%, oklch(50.86% 0.0980 228.94) 45.2%, oklch(53.95% 0.0994 224.96) 48.4%, oklch(57.14% 0.1021 221.48) 51.6%, oklch(60.69% 0.1062 218.20) 54.8%, oklch(64.52% 0.1113 215.05) 58.1%, oklch(68.44% 0.1169 212.04) 61.3%, oklch(72.30% 0.1226 209.18) 64.5%, oklch(75.91% 0.1279 206.47) 67.7%, oklch(79.12% 0.1325 203.93) 71.0%, oklch(81.74% 0.1358 201.55) 74.2%, oklch(83.68% 0.1377 199.32) 77.4%, oklch(85.08% 0.1384 197.22) 80.6%, oklch(86.03% 0.1382 195.26) 83.9%, oklch(86.65% 0.1374 193.46) 87.1%, oklch(87.04% 0.1363 191.85) 90.3%, oklch(87.29% 0.1351 190.43) 93.5%, oklch(87.51% 0.1342 189.24) 96.8%, oklch(87.80% 0.1337 188.30) 100.0%);

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

Conic gradients

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