Xanh dương, tím và xanh dương nhạt (gradient tuyến tính)

Bảng màu Xanh dương, tím và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 240°: #167e91, #524583, #6d6bae, #a8dcd1, #76afc7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#167e91
#187993
#1e7294
#296994
#346092
#3e568f
#464e8a
#4d4886
#524583
#564483
#5b4584
#5f4787
#644a8c
#685092
#6b579a
#6c60a3
#6d6bae
#6b7cb9
#6990c4
#6ba5ca
#76b9cd
#88c9cf
#9ad5d0
#a8dcd1
#acded2
#a9dcd1
#a1d6d0
#96cfce
#8ac6cc
#80bcca
#7ab4c9
#76afc7

CSS

background: linear-gradient(240deg in oklch, oklch(54.72% 0.0909 213.75) 0.0%, oklch(53.65% 0.0918 220.41) 3.2%, oklch(52.03% 0.0929 229.91) 6.5%, oklch(50.10% 0.0943 241.26) 9.7%, oklch(48.08% 0.0958 253.46) 12.9%, oklch(46.16% 0.0973 265.52) 16.1%, oklch(44.59% 0.0987 276.45) 19.4%, oklch(43.57% 0.0999 285.24) 22.6%, oklch(43.31% 0.1008 291.00) 25.8%, oklch(43.59% 0.1020 295.08) 29.0%, oklch(44.25% 0.1034 298.10) 32.3%, oklch(45.30% 0.1048 299.87) 35.5%, oklch(46.71% 0.1059 300.23) 38.7%, oklch(48.47% 0.1065 298.98) 41.9%, oklch(50.57% 0.1061 295.96) 45.2%, oklch(53.00% 0.1046 290.99) 48.4%, oklch(55.87% 0.1016 283.45) 51.6%, oklch(59.82% 0.0963 271.18) 54.8%, oklch(64.56% 0.0894 255.34) 58.1%, oklch(69.67% 0.0816 237.59) 61.3%, oklch(74.75% 0.0736 219.62) 64.5%, oklch(79.35% 0.0661 203.11) 67.7%, oklch(83.07% 0.0599 189.72) 71.0%, oklch(85.48% 0.0558 181.13) 74.2%, oklch(86.25% 0.0541 178.54) 77.4%, oklch(85.58% 0.0543 180.91) 80.6%, oklch(83.85% 0.0560 186.93) 83.9%, oklch(81.43% 0.0586 195.30) 87.1%, oklch(78.71% 0.0617 204.73) 90.3%, oklch(76.05% 0.0648 213.92) 93.5%, oklch(73.84% 0.0673 221.59) 96.8%, oklch(72.44% 0.0689 226.43) 100.0%);

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

Gradient tông lạnh

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