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

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

Gradient tuyến tính, 32 màu, góc 135°: #0b123d, #363586, #a33ea8, #c371e7, #73e0d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0b123d
#0e1442
#111849
#161c51
#1a215b
#202665
#262b70
#2e307b
#363586
#3e3a90
#483e99
#5240a1
#6042a8
#7042ac
#8141ad
#933fac
#a33ea8
#b23ea4
#bf3fa2
#c943a3
#d049aa
#d253b8
#ce60ce
#c371e7
#b084fd
#989cff
#81aeff
#65bfff
#48cdf8
#4fd7e8
#62dddb
#73e0d2

CSS

background: linear-gradient(135deg in oklch, oklch(20.87% 0.0827 270.70) 0.0%, oklch(22.16% 0.0864 271.32) 3.2%, oklch(23.83% 0.0911 271.89) 6.5%, oklch(25.81% 0.0968 272.49) 9.7%, oklch(28.03% 0.1032 273.18) 12.9%, oklch(30.42% 0.1100 274.04) 16.1%, oklch(32.92% 0.1171 275.14) 19.4%, oklch(35.45% 0.1243 276.55) 22.6%, oklch(37.96% 0.1313 278.35) 25.8%, oklch(40.36% 0.1380 280.60) 29.0%, oklch(42.61% 0.1442 283.38) 32.3%, oklch(44.67% 0.1500 287.19) 35.5%, oklch(46.68% 0.1566 293.13) 38.7%, oklch(48.65% 0.1637 300.64) 41.9%, oklch(50.59% 0.1709 309.05) 45.2%, oklch(52.51% 0.1780 317.70) 48.4%, oklch(54.42% 0.1845 325.89) 51.6%, oklch(56.33% 0.1901 332.95) 54.8%, oklch(58.23% 0.1945 338.22) 58.1%, oklch(60.15% 0.1972 341.01) 61.3%, oklch(62.08% 0.1979 340.66) 64.5%, oklch(64.05% 0.1962 336.43) 67.7%, oklch(66.16% 0.1914 327.50) 71.0%, oklch(68.39% 0.1838 314.54) 74.2%, oklch(70.68% 0.1742 298.54) 77.4%, oklch(72.99% 0.1428 280.47) 80.6%, oklch(75.25% 0.1269 261.34) 83.9%, oklch(77.40% 0.1263 242.11) 87.1%, oklch(79.40% 0.1280 223.79) 90.3%, oklch(81.18% 0.1178 207.35) 93.5%, oklch(82.68% 0.1093 193.77) 96.8%, oklch(83.86% 0.1033 184.05) 100.0%);

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

Gradient màu giả thiên văn

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