Xanh cổ vịt sang xanh dương (tương đồng) (gradient tuyến tính)

Bảng màu Xanh cổ vịt sang xanh dương (tương đồng)

Gradient tuyến tính, 32 màu, góc 135°: #005664, #04717f, #0188a1, #0198be, #00a4d7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#005664
#005866
#005b68
#005e6c
#01616f
#026573
#026977
#036d7b
#04717f
#047484
#047888
#037b8c
#037d90
#028094
#018398
#01869d
#0188a1
#018ba5
#018daa
#028fae
#0291b2
#0293b6
#0296ba
#0198be
#009ac2
#009cc6
#009ec9
#009fcd
#00a1d0
#00a2d3
#00a3d5
#00a4d7

CSS

background: linear-gradient(135deg in oklch, oklch(41.74% 0.0728 212.37) 0.0%, oklch(42.38% 0.0739 212.26) 3.2%, oklch(43.21% 0.0753 212.03) 6.5%, oklch(44.20% 0.0768 211.77) 9.7%, oklch(45.31% 0.0785 211.48) 12.9%, oklch(46.50% 0.0803 211.20) 16.1%, oklch(47.74% 0.0822 210.96) 19.4%, oklch(48.99% 0.0842 210.80) 22.6%, oklch(50.21% 0.0863 210.76) 25.8%, oklch(51.37% 0.0883 210.86) 29.0%, oklch(52.43% 0.0903 211.15) 32.3%, oklch(53.39% 0.0923 211.65) 35.5%, oklch(54.32% 0.0943 212.37) 38.7%, oklch(55.23% 0.0964 213.27) 41.9%, oklch(56.12% 0.0985 214.31) 45.2%, oklch(56.98% 0.1007 215.45) 48.4%, oklch(57.82% 0.1029 216.65) 51.6%, oklch(58.64% 0.1051 217.87) 54.8%, oklch(59.44% 0.1073 219.07) 58.1%, oklch(60.20% 0.1095 220.20) 61.3%, oklch(60.94% 0.1116 221.24) 64.5%, oklch(61.65% 0.1137 222.14) 67.7%, oklch(62.36% 0.1159 223.02) 71.0%, oklch(63.05% 0.1182 223.89) 74.2%, oklch(63.74% 0.1205 224.74) 77.4%, oklch(64.39% 0.1226 225.57) 80.6%, oklch(65.01% 0.1247 226.35) 83.9%, oklch(65.59% 0.1267 227.08) 87.1%, oklch(66.12% 0.1286 227.75) 90.3%, oklch(66.60% 0.1303 228.34) 93.5%, oklch(67.00% 0.1318 228.85) 96.8%, oklch(67.32% 0.1331 229.26) 100.0%);

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

Gradient xanh cổ vịt Gradient chữ 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