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

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

Gradient tuyến tính, 32 màu, góc 135°: #140e2a, #6f00a7, #0085ea, #85ece5, #c1f6ea. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#140e2a
#1c1036
#291347
#3b165b
#4e166e
#61137f
#6f0e8e
#73059c
#6f00a7
#6400af
#5700b8
#4900c3
#3b00d6
#2a2bdf
#0e4ce5
#006ce2
#0085ea
#289dee
#46b1ef
#59c1ef
#65ceee
#6fdaec
#7ae4e9
#85ece5
#92f2e1
#9ff6e0
#a9f8e1
#b1f9e3
#b6f9e6
#baf7e7
#bef6e9
#c1f6ea

CSS

background: linear-gradient(135deg in oklch, oklch(18.90% 0.0551 290.39) 0.0%, oklch(21.47% 0.0705 293.65) 3.2%, oklch(25.21% 0.0922 298.74) 6.5%, oklch(29.57% 0.1178 304.54) 9.7%, oklch(34.01% 0.1445 309.92) 12.9%, oklch(37.97% 0.1698 313.75) 16.1%, oklch(40.92% 0.1908 314.89) 19.4%, oklch(42.34% 0.2080 312.58) 22.6%, oklch(42.41% 0.2174 307.48) 25.8%, oklch(41.76% 0.2224 300.46) 29.0%, oklch(41.04% 0.2289 292.36) 32.3%, oklch(40.90% 0.2406 284.00) 35.5%, oklch(42.00% 0.2614 276.23) 38.7%, oklch(44.90% 0.2560 269.62) 41.9%, oklch(49.47% 0.2376 263.44) 45.2%, oklch(55.13% 0.1989 257.39) 48.4%, oklch(61.26% 0.1794 251.25) 51.6%, oklch(67.28% 0.1548 244.79) 54.8%, oklch(72.60% 0.1314 237.83) 58.1%, oklch(76.71% 0.1162 230.05) 61.3%, oklch(80.14% 0.1070 220.60) 64.5%, oklch(83.11% 0.1017 210.13) 67.7%, oklch(85.67% 0.0988 199.55) 71.0%, oklch(87.85% 0.0968 189.80) 74.2%, oklch(89.69% 0.0943 181.82) 77.4%, oklch(91.22% 0.0899 176.51) 80.6%, oklch(92.28% 0.0840 174.10) 83.9%, oklch(92.87% 0.0776 173.86) 87.1%, oklch(93.13% 0.0712 175.03) 90.3%, oklch(93.19% 0.0652 176.86) 93.5%, oklch(93.21% 0.0601 178.58) 96.8%, oklch(93.31% 0.0565 179.43) 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