Xanh dương sang xám (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #376c9f, #5393c4, #9eb5c9, #bdb0b1, #9a8b94. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#376c9f
#396fa3
#3a73a7
#3c78ac
#3e7eb2
#4283b7
#4788bc
#4d8ec0
#5393c4
#5b99c8
#639ecc
#6ca3ce
#76a8d0
#7fabd1
#89afcf
#93b2cc
#9eb5c9
#a7b7c5
#aeb7c3
#b3b7c0
#b7b7bf
#bab5bc
#bcb2b7
#bdb0b1
#bbadaa
#b8aba5
#b4a6a0
#b0a09c
#ab9999
#a59397
#9f8e95
#9a8b94

CSS

background: linear-gradient(180deg in oklch, oklch(51.97% 0.0992 249.61) 0.0%, oklch(52.90% 0.1000 249.00) 3.2%, oklch(54.16% 0.1013 248.11) 6.5%, oklch(55.67% 0.1028 247.07) 9.7%, oklch(57.33% 0.1040 246.02) 12.9%, oklch(59.04% 0.1044 245.10) 16.1%, oklch(60.70% 0.1037 244.42) 19.4%, oklch(62.35% 0.1017 243.95) 22.6%, oklch(64.12% 0.0990 243.47) 25.8%, oklch(65.96% 0.0956 243.08) 29.0%, oklch(67.78% 0.0913 242.93) 32.3%, oklch(69.52% 0.0861 243.15) 35.5%, oklch(71.09% 0.0799 243.87) 38.7%, oklch(72.47% 0.0723 244.69) 41.9%, oklch(73.81% 0.0621 244.13) 45.2%, oklch(75.06% 0.0504 243.32) 48.4%, oklch(76.17% 0.0384 243.68) 51.6%, oklch(77.08% 0.0274 246.61) 54.8%, oklch(77.72% 0.0188 253.53) 58.1%, oklch(78.04% 0.0135 266.24) 61.3%, oklch(78.08% 0.0114 288.02) 64.5%, oklch(77.87% 0.0115 315.93) 67.7%, oklch(77.43% 0.0130 345.76) 71.0%, oklch(76.79% 0.0151 13.33) 74.2%, oklch(75.96% 0.0170 34.46) 77.4%, oklch(74.98% 0.0180 44.98) 80.6%, oklch(73.59% 0.0187 44.01) 83.9%, oklch(71.83% 0.0194 34.80) 87.1%, oklch(69.91% 0.0202 20.70) 90.3%, oklch(68.05% 0.0210 5.06) 93.5%, oklch(66.46% 0.0216 351.25) 96.8%, oklch(65.35% 0.0220 342.60) 100.0%);

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

Gradient xanh dương và tím hoa cà

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