Xanh dương, xám và tím (tương đồng) (gradient tuyến tính)

Bảng màu Xanh dương, xám và tím (tương đồng)

Gradient tuyến tính, 32 màu, góc 90°: #344c6a, #618dac, #c5ced3, #a18bac, #544171. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#344c6a
#375070
#3a5678
#3f5e81
#44678b
#4a7094
#50799c
#5882a4
#618dac
#6b97b4
#76a1bb
#84aac0
#94b5c6
#a6c0cb
#b7c8cf
#c2cdd2
#c5ced3
#c2cad3
#bdc3d0
#b8b8cb
#b4acc3
#b0a1bb
#aa96b3
#a18bac
#977fa5
#8d749f
#836a97
#79608f
#6e5786
#634e7d
#5a4676
#544171

CSS

background: linear-gradient(90deg in oklch, oklch(40.94% 0.0593 255.23) 0.0%, oklch(42.54% 0.0613 254.35) 3.2%, oklch(44.74% 0.0644 253.15) 6.5%, oklch(47.37% 0.0677 251.69) 9.7%, oklch(50.21% 0.0704 250.01) 12.9%, oklch(53.08% 0.0716 248.16) 16.1%, oklch(55.96% 0.0713 246.02) 19.4%, oklch(59.06% 0.0700 243.47) 22.6%, oklch(62.28% 0.0677 240.75) 25.8%, oklch(65.52% 0.0643 238.11) 29.0%, oklch(68.67% 0.0597 235.81) 32.3%, oklch(71.86% 0.0530 233.40) 35.5%, oklch(75.50% 0.0430 229.59) 38.7%, oklch(79.13% 0.0317 225.92) 41.9%, oklch(82.21% 0.0213 224.13) 45.2%, oklch(84.21% 0.0141 225.98) 48.4%, oklch(84.65% 0.0121 233.51) 51.6%, oklch(83.62% 0.0145 248.20) 54.8%, oklch(81.53% 0.0200 266.94) 58.1%, oklch(78.81% 0.0270 286.11) 61.3%, oklch(75.88% 0.0343 302.07) 64.5%, oklch(73.10% 0.0406 311.41) 67.7%, oklch(70.06% 0.0476 315.02) 71.0%, oklch(66.71% 0.0551 315.00) 74.2%, oklch(63.23% 0.0625 312.94) 77.4%, oklch(59.80% 0.0689 310.42) 80.6%, oklch(56.56% 0.0737 309.00) 83.9%, oklch(53.21% 0.0766 307.81) 87.1%, oklch(49.75% 0.0782 306.17) 90.3%, oklch(46.49% 0.0790 304.40) 93.5%, oklch(43.71% 0.0794 302.81) 96.8%, oklch(41.73% 0.0799 301.73) 100.0%);

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

Bầu trời

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