Xanh hải quân sang xanh lơ (hai tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh lơ (hai tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #00104a, #003984, #0ba1b1, #15eace, #40fee7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00104a
#000f50
#000064
#01006b
#020371
#000e78
#002175
#002d7c
#003984
#00468d
#065392
#056099
#006d9e
#007ba3
#0089a7
#0096ac
#0ba1b1
#0cadb6
#05b9bb
#00c3bf
#00cec3
#02d7c6
#0ee1ca
#15eace
#1bf2d3
#20f8d7
#27fdda
#37ffdd
#43ffe0
#40ffe3
#3dffe6
#40fee7

CSS

background: linear-gradient(135deg in oklch, oklch(21.28% 0.1095 263.20) 0.0%, oklch(21.93% 0.1178 263.55) 3.2%, oklch(22.78% 0.1578 264.05) 6.5%, oklch(23.85% 0.1643 264.66) 9.7%, oklch(25.27% 0.1691 264.84) 12.9%, oklch(27.19% 0.1699 264.23) 16.1%, oklch(29.73% 0.1482 262.89) 19.4%, oklch(32.85% 0.1420 261.00) 22.6%, oklch(36.37% 0.1377 258.50) 25.8%, oklch(40.06% 0.1328 255.20) 29.0%, oklch(43.71% 0.1235 250.90) 32.3%, oklch(47.24% 0.1176 245.27) 35.5%, oklch(50.89% 0.1127 237.92) 38.7%, oklch(54.59% 0.1083 229.58) 41.9%, oklch(58.24% 0.1069 221.14) 45.2%, oklch(61.73% 0.1082 213.44) 48.4%, oklch(64.99% 0.1101 207.13) 51.6%, oklch(68.12% 0.1144 201.52) 54.8%, oklch(71.11% 0.1206 196.46) 58.1%, oklch(73.97% 0.1270 191.97) 61.3%, oklch(76.66% 0.1333 188.08) 64.5%, oklch(79.17% 0.1395 184.81) 67.7%, oklch(81.63% 0.1448 182.18) 71.0%, oklch(83.97% 0.1501 180.16) 74.2%, oklch(86.08% 0.1547 178.71) 77.4%, oklch(87.85% 0.1582 177.78) 80.6%, oklch(89.16% 0.1600 177.34) 83.9%, oklch(89.90% 0.1567 177.74) 87.1%, oklch(90.20% 0.1515 178.89) 90.3%, oklch(90.22% 0.1513 180.37) 93.5%, oklch(90.15% 0.1508 181.76) 96.8%, oklch(90.16% 0.1488 182.66) 100.0%);

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

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