Đen, tím, xanh hải quân và xanh dương nhạt (gradient tuyến tính)

Bảng màu Đen, tím, xanh hải quân và xanh dương nhạt

Gradient tuyến tính, 40 màu, góc 135°: #181b24, #7c6883, #5b4964, #3e4561, #8bd4e0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#181b24
#1d1f29
#232531
#2b2c3a
#343444
#3f3d4f
#4b465b
#584f66
#655871
#71607b
#7c6883
#856d8a
#8c728f
#907491
#8f7391
#8b6f8d
#856a87
#7c627f
#715a77
#66516d
#5b4964
#50415b
#463953
#3e344d
#383049
#342e47
#333049
#35344e
#383b56
#3e4561
#44516f
#4b607d
#536f8d
#5c809d
#6591ac
#6da2ba
#76b1c7
#7ec0d2
#86ccda
#8bd4e0

CSS

background: linear-gradient(135deg in oklch, oklch(22.44% 0.0179 270.70) 0.0%, oklch(24.25% 0.0197 273.33) 2.6%, oklch(26.74% 0.0221 276.92) 5.1%, oklch(29.77% 0.0249 281.28) 7.7%, oklch(33.20% 0.0282 286.22) 10.3%, oklch(36.90% 0.0317 291.55) 12.8%, oklch(40.73% 0.0354 297.06) 15.4%, oklch(44.54% 0.0390 302.57) 17.9%, oklch(48.20% 0.0426 307.88) 20.5%, oklch(51.58% 0.0460 312.79) 23.1%, oklch(54.53% 0.0491 317.12) 25.6%, oklch(56.92% 0.0517 320.66) 28.2%, oklch(58.60% 0.0537 323.21) 30.8%, oklch(59.45% 0.0551 324.60) 33.3%, oklch(59.25% 0.0557 324.95) 35.9%, oklch(58.03% 0.0557 324.59) 38.5%, oklch(55.97% 0.0550 323.56) 41.0%, oklch(53.28% 0.0539 321.94) 43.6%, oklch(50.14% 0.0525 319.77) 46.2%, oklch(46.76% 0.0509 317.11) 48.7%, oklch(43.31% 0.0492 314.02) 51.3%, oklch(40.00% 0.0475 310.56) 53.8%, oklch(37.03% 0.0460 306.79) 56.4%, oklch(34.57% 0.0448 302.76) 59.0%, oklch(32.83% 0.0440 298.54) 61.5%, oklch(32.01% 0.0437 294.17) 64.1%, oklch(32.28% 0.0441 289.72) 66.7%, oklch(33.76% 0.0452 284.77) 69.2%, oklch(36.27% 0.0468 278.95) 71.8%, oklch(39.65% 0.0489 272.45) 74.4%, oklch(43.72% 0.0514 265.45) 76.9%, oklch(48.31% 0.0541 258.11) 79.5%, oklch(53.24% 0.0571 250.61) 82.1%, oklch(58.34% 0.0601 243.13) 84.6%, oklch(63.43% 0.0631 235.84) 87.2%, oklch(68.35% 0.0660 228.92) 89.7%, oklch(72.90% 0.0686 222.53) 92.3%, oklch(76.92% 0.0710 216.86) 94.9%, oklch(80.24% 0.0730 212.07) 97.4%, oklch(82.68% 0.0744 208.35) 100.0%);

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

Màu liminal

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