Xanh hải quân sang xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #252052, #3e4a7e, #7aa1bc, #b6d1d9, #d3c1d1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#252052
#272255
#292559
#2b285e
#2e2d64
#31326a
#343970
#384177
#3e4a7e
#445486
#4c5f8d
#546a95
#5b759d
#637fa4
#6a8aac
#7296b4
#7aa1bc
#83abc3
#8cb5c9
#94bcce
#9dc3d2
#a6c9d5
#aecdd7
#b6d1d9
#bcd3dc
#c0d4de
#c3d4e0
#c6d1e1
#caccdf
#cec7db
#d1c3d5
#d3c1d1

CSS

background: linear-gradient(135deg in oklch, oklch(27.95% 0.0882 284.06) 0.0%, oklch(28.83% 0.0891 283.42) 3.2%, oklch(29.94% 0.0907 282.63) 6.5%, oklch(31.30% 0.0924 281.66) 9.7%, oklch(32.91% 0.0939 280.45) 12.9%, oklch(34.79% 0.0945 278.94) 16.1%, oklch(36.94% 0.0940 277.08) 19.4%, oklch(39.44% 0.0918 274.86) 22.6%, oklch(42.38% 0.0881 272.31) 25.8%, oklch(45.62% 0.0835 269.46) 29.0%, oklch(49.03% 0.0784 266.31) 32.3%, oklch(52.47% 0.0734 262.88) 35.5%, oklch(55.81% 0.0690 259.19) 38.7%, oklch(59.01% 0.0656 255.08) 41.9%, oklch(62.34% 0.0628 250.05) 45.2%, oklch(65.71% 0.0603 244.53) 48.4%, oklch(69.00% 0.0580 238.99) 51.6%, oklch(72.11% 0.0556 233.93) 54.8%, oklch(74.90% 0.0529 229.84) 58.1%, oklch(77.29% 0.0496 226.98) 61.3%, oklch(79.42% 0.0454 223.84) 64.5%, oklch(81.31% 0.0407 220.82) 67.7%, oklch(82.94% 0.0360 218.85) 71.0%, oklch(84.27% 0.0316 218.88) 74.2%, oklch(85.28% 0.0281 221.86) 77.4%, oklch(85.92% 0.0259 228.79) 80.6%, oklch(86.02% 0.0250 241.87) 83.9%, oklch(85.64% 0.0252 259.89) 87.1%, oklch(84.96% 0.0261 280.25) 90.3%, oklch(84.19% 0.0273 300.37) 93.5%, oklch(83.49% 0.0283 317.65) 96.8%, oklch(83.07% 0.0289 329.50) 100.0%);

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

Tử đằng trên tường bóng râ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