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

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

Gradient tuyến tính, 32 màu, góc 135°: #100b35, #4f29cd, #8c3af0, #2086f2, #22d8db. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#100b35
#140d40
#1a1150
#221565
#2a1a7b
#331e93
#3d23aa
#4627be
#4f29cd
#592bd7
#642adf
#6f29e3
#7a28e5
#8329e7
#892ce8
#8c32eb
#8c3af0
#8644f5
#7d4ff8
#715bfa
#6166fa
#4f71f8
#3a7cf5
#2086f2
#0091ec
#009de5
#00a9e1
#00b4df
#00c0df
#00cade
#00d3dd
#22d8db

CSS

background: linear-gradient(135deg in oklch, oklch(18.90% 0.0785 281.25) 0.0%, oklch(21.05% 0.0912 281.22) 3.2%, oklch(24.04% 0.1091 281.06) 6.5%, oklch(27.61% 0.1305 280.85) 9.7%, oklch(31.50% 0.1535 280.71) 12.9%, oklch(35.44% 0.1766 280.72) 16.1%, oklch(39.19% 0.1980 280.97) 19.4%, oklch(42.48% 0.2159 281.57) 22.6%, oklch(45.07% 0.2287 282.64) 25.8%, oklch(47.14% 0.2381 284.83) 29.0%, oklch(48.87% 0.2453 287.95) 32.3%, oklch(50.34% 0.2504 291.51) 35.5%, oklch(51.62% 0.2536 295.00) 38.7%, oklch(52.76% 0.2550 297.89) 41.9%, oklch(53.85% 0.2549 299.69) 45.2%, oklch(54.94% 0.2534 299.88) 48.4%, oklch(56.06% 0.2504 298.02) 51.6%, oklch(56.97% 0.2445 294.35) 54.8%, oklch(57.71% 0.2363 289.24) 58.1%, oklch(58.39% 0.2265 283.05) 61.3%, oklch(59.08% 0.2157 276.13) 64.5%, oklch(59.88% 0.2048 268.81) 67.7%, oklch(60.90% 0.1944 261.45) 71.0%, oklch(62.21% 0.1853 254.39) 74.2%, oklch(63.97% 0.1700 247.45) 77.4%, oklch(66.23% 0.1507 239.62) 80.6%, oklch(68.82% 0.1392 231.28) 83.9%, oklch(71.56% 0.1331 222.85) 87.1%, oklch(74.26% 0.1310 214.76) 90.3%, oklch(76.74% 0.1317 207.42) 93.5%, oklch(78.82% 0.1340 201.27) 96.8%, oklch(80.31% 0.1323 196.71) 100.0%);

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

Trang phục lông vũ đính kim sa Gradient cực quang Gradient xanh dương và tím

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