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

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

Gradient tuyến tính, 32 màu, góc 180°: #0c4467, #179982, #03e0b1, #01f8e1, #49e1ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c4467
#034b6b
#00556e
#006071
#006c75
#007978
#09847a
#148e7e
#179982
#14a488
#09ae8e
#00b894
#00c19a
#00ca9f
#00d2a4
#00d9aa
#03e0b1
#06e6b7
#05ebbe
#00f0c5
#00f3cc
#00f6d3
#00f7da
#01f8e1
#02f8e7
#00f8ed
#00f5f3
#00f2f8
#00eefc
#22e9ff
#3de4ff
#49e1ff

CSS

background: linear-gradient(180deg in oklch, oklch(37.01% 0.0813 242.58) 0.0%, oklch(39.00% 0.0825 236.02) 3.2%, oklch(41.77% 0.0803 226.61) 6.5%, oklch(45.03% 0.0798 215.54) 9.7%, oklch(48.55% 0.0828 204.17) 12.9%, oklch(52.06% 0.0890 193.79) 16.1%, oklch(55.31% 0.0954 185.69) 19.4%, oklch(58.26% 0.1014 180.40) 22.6%, oklch(61.23% 0.1093 176.75) 25.8%, oklch(64.17% 0.1184 174.35) 29.0%, oklch(67.02% 0.1277 172.85) 32.3%, oklch(69.75% 0.1354 171.87) 35.5%, oklch(72.28% 0.1415 171.07) 38.7%, oklch(74.60% 0.1473 170.24) 41.9%, oklch(76.79% 0.1524 169.80) 45.2%, oklch(78.84% 0.1564 169.78) 48.4%, oklch(80.72% 0.1592 170.17) 51.6%, oklch(82.40% 0.1610 170.92) 54.8%, oklch(83.88% 0.1622 172.02) 58.1%, oklch(85.11% 0.1627 173.45) 61.3%, oklch(86.13% 0.1620 175.29) 64.5%, oklch(86.93% 0.1606 177.53) 67.7%, oklch(87.54% 0.1587 180.11) 71.0%, oklch(87.94% 0.1565 182.98) 74.2%, oklch(88.15% 0.1544 186.07) 77.4%, oklch(88.17% 0.1526 189.37) 80.6%, oklch(87.84% 0.1503 193.38) 83.9%, oklch(87.19% 0.1483 198.01) 87.1%, oklch(86.36% 0.1470 202.84) 90.3%, oklch(85.49% 0.1428 207.40) 93.5%, oklch(84.74% 0.1349 211.28) 96.8%, oklch(84.25% 0.1303 214.04) 100.0%);

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

Gradient bãi biển Sọc màu cực quang Gradient xanh lơ

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