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

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

Gradient tuyến tính, 32 màu, góc 45°: #031028, #106266, #c6e1f0, #8dacff, #2d0012. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031028
#02152e
#001d34
#002539
#002f3f
#003b47
#004750
#00545a
#106266
#2e7175
#4b8388
#68979d
#85aab2
#a0bdc6
#b5cdd7
#c2dae5
#c6e1f0
#c0e4fc
#bee3ff
#b8deff
#afd6ff
#a3cbff
#97beff
#8dacff
#8994ff
#8a77e4
#845aba
#773f8c
#642860
#4f153d
#3b0723
#2d0012

CSS

background: linear-gradient(45deg in oklch, oklch(17.72% 0.0537 259.45) 0.0%, oklch(19.70% 0.0557 254.06) 3.2%, oklch(22.22% 0.0577 246.45) 6.5%, oklch(25.19% 0.0549 236.92) 9.7%, oklch(28.58% 0.0551 226.82) 12.9%, oklch(32.33% 0.0578 217.11) 16.1%, oklch(36.40% 0.0627 208.76) 19.4%, oklch(40.72% 0.0693 202.72) 22.6%, oklch(45.29% 0.0725 199.90) 25.8%, oklch(50.88% 0.0679 200.03) 29.0%, oklch(57.44% 0.0602 202.35) 32.3%, oklch(64.47% 0.0510 206.34) 35.5%, oklch(71.46% 0.0419 211.48) 38.7%, oklch(77.94% 0.0342 217.24) 41.9%, oklch(83.39% 0.0296 223.10) 45.2%, oklch(87.33% 0.0295 228.53) 48.4%, oklch(89.40% 0.0358 233.10) 51.6%, oklch(90.15% 0.0499 237.17) 54.8%, oklch(89.80% 0.0549 241.07) 58.1%, oklch(88.45% 0.0605 245.10) 61.3%, oklch(86.24% 0.0706 249.52) 64.5%, oklch(83.27% 0.0848 254.63) 67.7%, oklch(79.66% 0.1026 260.68) 71.0%, oklch(75.51% 0.1247 267.97) 74.2%, oklch(70.46% 0.1559 277.16) 77.4%, oklch(63.65% 0.1587 288.83) 80.6%, oklch(55.64% 0.1469 302.14) 83.9%, oklch(47.05% 0.1317 316.15) 87.1%, oklch(38.50% 0.1151 329.95) 90.3%, oklch(30.61% 0.0991 342.62) 93.5%, oklch(24.00% 0.0858 353.25) 96.8%, oklch(19.29% 0.0772 0.90) 100.0%);

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