Xanh hải quân sang xanh cổ vịt (tương đồng) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh cổ vịt (tương đồng)

Gradient tuyến tính, 32 màu, góc 180°: #06102f, #0b2949, #005064, #10797a, #20a79c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#06102f
#061131
#061433
#071636
#081a3a
#091d3d
#092141
#0a2545
#0b2949
#0b2d4d
#0a3151
#093655
#073b58
#05405c
#02455f
#004b62
#005064
#005667
#005c6a
#01616c
#05676f
#096d72
#0d7276
#10797a
#137f7f
#158684
#178d89
#19938e
#1b9992
#1c9e96
#1ea39a
#20a79c

CSS

background: linear-gradient(180deg in oklch, oklch(18.50% 0.0648 265.78) 0.0%, oklch(19.21% 0.0652 264.80) 3.2%, oklch(20.08% 0.0656 263.68) 6.5%, oklch(21.11% 0.0662 262.41) 9.7%, oklch(22.27% 0.0669 260.97) 12.9%, oklch(23.53% 0.0676 259.34) 16.1%, oklch(24.87% 0.0683 257.50) 19.4%, oklch(26.27% 0.0691 255.44) 22.6%, oklch(27.72% 0.0699 253.15) 25.8%, oklch(29.17% 0.0706 250.59) 29.0%, oklch(30.62% 0.0714 247.77) 32.3%, oklch(32.07% 0.0721 244.56) 35.5%, oklch(33.58% 0.0727 240.73) 38.7%, oklch(35.14% 0.0732 236.40) 41.9%, oklch(36.76% 0.0736 231.72) 45.2%, oklch(38.41% 0.0741 226.87) 48.4%, oklch(40.10% 0.0741 221.94) 51.6%, oklch(41.80% 0.0747 217.08) 54.8%, oklch(43.50% 0.0759 212.45) 58.1%, oklch(45.21% 0.0774 208.19) 61.3%, oklch(46.91% 0.0788 204.48) 64.5%, oklch(48.60% 0.0806 201.43) 67.7%, oklch(50.41% 0.0829 198.82) 71.0%, oklch(52.33% 0.0856 196.55) 74.2%, oklch(54.31% 0.0887 194.59) 77.4%, oklch(56.31% 0.0921 192.90) 80.6%, oklch(58.27% 0.0955 191.45) 83.9%, oklch(60.14% 0.0988 190.20) 87.1%, oklch(61.88% 0.1020 189.11) 90.3%, oklch(63.42% 0.1048 188.16) 93.5%, oklch(64.73% 0.1071 187.31) 96.8%, oklch(65.75% 0.1089 186.52) 100.0%);

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

Phone wallpaper gradients

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