Xanh hải quân sang xanh dương (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh dương (đơn sắc)

Gradient tuyến tính, 32 màu, góc 135°: #14213d, #162b5e, #203d8b, #3b5cb3, #5a7bd8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#14213d
#142240
#152343
#152446
#15254a
#15274f
#152854
#162a59
#162b5e
#172d64
#172f69
#18316f
#193375
#1b367b
#1c3880
#1e3b85
#203d8b
#234190
#264596
#2a499b
#2e4da1
#3252a7
#3757ad
#3b5cb3
#4060b9
#4565be
#496ac4
#4d6ec9
#5172cd
#5576d1
#5879d5
#5a7bd8

CSS

background: linear-gradient(135deg in oklch, oklch(25.22% 0.0562 264.00) 0.0%, oklch(25.67% 0.0591 264.04) 3.2%, oklch(26.19% 0.0627 264.07) 6.5%, oklch(26.78% 0.0671 264.11) 9.7%, oklch(27.42% 0.0719 264.15) 12.9%, oklch(28.13% 0.0772 264.19) 16.1%, oklch(28.88% 0.0829 264.24) 19.4%, oklch(29.69% 0.0887 264.29) 22.6%, oklch(30.55% 0.0947 264.35) 25.8%, oklch(31.46% 0.1007 264.41) 29.0%, oklch(32.40% 0.1066 264.48) 32.3%, oklch(33.38% 0.1122 264.55) 35.5%, oklch(34.40% 0.1175 264.63) 38.7%, oklch(35.46% 0.1224 264.71) 41.9%, oklch(36.54% 0.1268 264.80) 45.2%, oklch(37.65% 0.1304 264.90) 48.4%, oklch(38.79% 0.1334 265.00) 51.6%, oklch(40.08% 0.1359 265.13) 54.8%, oklch(41.49% 0.1379 265.27) 58.1%, oklch(43.01% 0.1397 265.42) 61.3%, oklch(44.61% 0.1411 265.58) 64.5%, oklch(46.27% 0.1422 265.76) 67.7%, oklch(47.95% 0.1431 265.93) 71.0%, oklch(49.64% 0.1438 266.11) 74.2%, oklch(51.30% 0.1443 266.29) 77.4%, oklch(52.93% 0.1447 266.46) 80.6%, oklch(54.48% 0.1450 266.62) 83.9%, oklch(55.93% 0.1452 266.78) 87.1%, oklch(57.26% 0.1455 266.92) 90.3%, oklch(58.45% 0.1457 267.05) 93.5%, oklch(59.46% 0.1460 267.16) 96.8%, oklch(60.28% 0.1464 267.24) 100.0%);

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

Dark blue gradients

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