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

Bảng màu Xanh hải quân, xanh dương, đen và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 135°: #08345a, #2293be, #24344b, #131e2a, #58fec5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#08345a
#0a3a61
#0d446c
#10507a
#135e89
#166d98
#1a7ba7
#1e88b4
#2293be
#279ac4
#2b9bc5
#3096bf
#3489b1
#35769d
#336083
#2d4967
#24344b
#1a2232
#10141e
#090b10
#06070a
#07080c
#0c1017
#131e2a
#1b3344
#1f4e62
#1a6e81
#0a909b
#00b3af
#1cd3bc
#3eecc3
#58fec5

CSS

background: linear-gradient(135deg in oklch, oklch(31.89% 0.0813 249.61) 0.0%, oklch(34.12% 0.0837 248.14) 3.2%, oklch(37.43% 0.0875 245.94) 6.5%, oklch(41.51% 0.0923 243.22) 9.7%, oklch(46.03% 0.0975 240.20) 12.9%, oklch(50.69% 0.1028 237.11) 16.1%, oklch(55.15% 0.1077 234.16) 19.4%, oklch(59.11% 0.1117 231.58) 22.6%, oklch(62.24% 0.1144 229.59) 25.8%, oklch(64.24% 0.1153 228.41) 29.0%, oklch(64.77% 0.1140 228.26) 32.3%, oklch(63.37% 0.1096 229.57) 35.5%, oklch(59.63% 0.1010 232.90) 38.7%, oklch(54.07% 0.0893 237.76) 41.9%, oklch(47.28% 0.0755 243.61) 45.2%, oklch(39.82% 0.0606 249.90) 48.4%, oklch(32.28% 0.0458 256.09) 51.6%, oklch(25.24% 0.0320 261.63) 54.8%, oklch(19.27% 0.0205 265.98) 58.1%, oklch(14.95% 0.0121 268.58) 61.3%, oklch(12.86% 0.0081 268.90) 64.5%, oklch(13.57% 0.0094 266.37) 67.7%, oklch(17.17% 0.0164 260.63) 71.0%, oklch(23.16% 0.0281 252.18) 74.2%, oklch(30.96% 0.0435 241.68) 77.4%, oklch(40.03% 0.0615 229.79) 80.6%, oklch(49.81% 0.0808 217.17) 83.9%, oklch(59.73% 0.1004 204.47) 87.1%, oklch(69.25% 0.1188 192.37) 90.3%, oklch(77.80% 0.1362 181.50) 93.5%, oklch(84.82% 0.1501 172.53) 96.8%, oklch(89.76% 0.1598 166.13) 100.0%);

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

Gradient đại dương

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