Xanh dương, xám và nâu vàng (bổ túc) (gradient tuyến tính)

Bảng màu Xanh dương, xám và nâu vàng (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #3a506c, #4f7da9, #9ebed3, #d1dccc, #d7c899. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a506c
#3b5371
#3c5777
#3d5c80
#3f6188
#416891
#446e9a
#4975a1
#4f7da9
#5886b1
#608eb9
#6a97c0
#72a0c6
#7ba8ca
#87afce
#93b7d1
#9ebed3
#a9c4d4
#b2cad5
#b8cfd6
#bed4d5
#c3d8d3
#cadbd0
#d1dccc
#d7dcc8
#dbdbc5
#ddd9bf
#ddd6b8
#dcd2af
#dacea6
#d8cb9e
#d7c899

CSS

background: linear-gradient(90deg in oklch, oklch(42.52% 0.0537 255.23) 0.0%, oklch(43.57% 0.0574 254.69) 3.2%, oklch(44.95% 0.0627 253.96) 6.5%, oklch(46.62% 0.0690 253.08) 9.7%, oklch(48.51% 0.0751 252.12) 12.9%, oklch(50.56% 0.0803 251.12) 16.1%, oklch(52.71% 0.0837 250.14) 19.4%, oklch(55.01% 0.0849 249.31) 22.6%, oklch(57.60% 0.0849 248.69) 25.8%, oklch(60.37% 0.0838 248.10) 29.0%, oklch(63.21% 0.0817 247.34) 32.3%, oklch(66.02% 0.0787 246.21) 35.5%, oklch(68.68% 0.0748 244.50) 38.7%, oklch(71.16% 0.0698 242.40) 41.9%, oklch(73.65% 0.0626 241.00) 45.2%, oklch(76.10% 0.0540 239.59) 48.4%, oklch(78.44% 0.0451 237.25) 51.6%, oklch(80.59% 0.0368 233.08) 54.8%, oklch(82.48% 0.0303 226.19) 58.1%, oklch(84.06% 0.0263 215.45) 61.3%, oklch(85.41% 0.0240 199.18) 64.5%, oklch(86.55% 0.0231 179.04) 67.7%, oklch(87.45% 0.0234 157.37) 71.0%, oklch(88.10% 0.0246 136.49) 74.2%, oklch(88.49% 0.0267 118.74) 77.4%, oklch(88.57% 0.0296 106.37) 80.6%, oklch(88.16% 0.0342 98.99) 83.9%, oklch(87.31% 0.0406 94.98) 87.1%, oklch(86.23% 0.0477 93.33) 90.3%, oklch(85.10% 0.0546 93.05) 93.5%, oklch(84.11% 0.0606 93.10) 96.8%, oklch(83.46% 0.0648 92.49) 100.0%);

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

Gradient UI tông sáng Hiên nhà hoa chanh

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