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

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

Gradient tuyến tính, 32 màu, góc 180°: #2f7fd0, #7fc2ec, #d5eff4, #63d9ce, #10a7a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2f7fd0
#3584d3
#3c8cd6
#4694da
#519edf
#5da7e3
#68b1e7
#74baea
#7fc2ec
#8bcaee
#9ad2ef
#a9daf0
#b8e1f1
#c6e7f2
#d0ebf3
#d5eef4
#d5eff4
#ceeff3
#c1edf0
#b0eaec
#9de7e6
#88e3de
#74ded6
#63d9ce
#55d4c7
#49cec0
#3ec6b9
#33bfb3
#2ab7ad
#22b1a8
#19aba3
#10a7a0

CSS

background: linear-gradient(180deg in oklch, oklch(58.84% 0.1460 252.01) 0.0%, oklch(60.39% 0.1418 250.98) 3.2%, oklch(62.49% 0.1365 249.71) 6.5%, oklch(64.99% 0.1301 248.20) 9.7%, oklch(67.75% 0.1229 246.47) 12.9%, oklch(70.61% 0.1152 244.51) 16.1%, oklch(73.45% 0.1072 242.33) 19.4%, oklch(76.11% 0.0992 239.94) 22.6%, oklch(78.47% 0.0914 237.34) 25.8%, oklch(80.92% 0.0818 234.38) 29.0%, oklch(83.53% 0.0707 231.07) 32.3%, oklch(86.13% 0.0590 227.51) 35.5%, oklch(88.58% 0.0477 223.80) 38.7%, oklch(90.70% 0.0380 220.04) 41.9%, oklch(92.33% 0.0308 216.33) 45.2%, oklch(93.33% 0.0272 212.76) 48.4%, oklch(93.53% 0.0284 209.35) 51.6%, oklch(92.93% 0.0350 205.72) 54.8%, oklch(91.68% 0.0456 201.96) 58.1%, oklch(89.95% 0.0589 198.22) 61.3%, oklch(87.90% 0.0733 194.67) 64.5%, oklch(85.70% 0.0873 191.47) 67.7%, oklch(83.50% 0.0995 188.79) 71.0%, oklch(81.48% 0.1083 186.78) 74.2%, oklch(79.59% 0.1132 185.62) 77.4%, oklch(77.47% 0.1158 185.28) 80.6%, oklch(75.21% 0.1165 185.57) 83.9%, oklch(72.91% 0.1160 186.28) 87.1%, oklch(70.71% 0.1148 187.23) 90.3%, oklch(68.72% 0.1133 188.20) 93.5%, oklch(67.04% 0.1121 189.01) 96.8%, oklch(65.80% 0.1116 189.46) 100.0%);

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

Gradient GTA 6

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