Xanh dương nhạt và nâu liền mạch (gradient tuyến tính)

Bảng màu Xanh dương nhạt và nâu liền mạch

Gradient tuyến tính, 32 màu, góc 225°: #a8cdc1, #7c8ba8, #6b4419, #012219, #a5d7d0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a8cdc1
#a2c9c0
#9bc3be
#94bbbc
#8db3b9
#86a9b5
#819fb1
#7e95ad
#7c8ba8
#7d80a1
#817498
#856889
#885d76
#87535e
#824b45
#79472e
#6b4419
#573f07
#413901
#2b3104
#182a0a
#09240e
#022113
#012219
#072b25
#183c37
#2e534e
#476f6a
#638e88
#7daca5
#94c5be
#a5d7d0

CSS

background: linear-gradient(225deg in oklch, oklch(81.89% 0.0427 173.67) 0.0%, oklch(80.49% 0.0427 180.01) 3.2%, oklch(78.64% 0.0425 187.93) 6.5%, oklch(76.45% 0.0422 197.33) 9.7%, oklch(73.99% 0.0420 208.12) 12.9%, oklch(71.38% 0.0421 220.19) 16.1%, oklch(68.71% 0.0427 233.46) 19.4%, oklch(66.07% 0.0440 247.83) 22.6%, oklch(63.55% 0.0461 263.26) 25.8%, oklch(61.03% 0.0498 280.90) 29.0%, oklch(58.43% 0.0549 300.67) 32.3%, oklch(55.78% 0.0607 321.85) 35.5%, oklch(53.10% 0.0666 343.73) 38.7%, oklch(50.40% 0.0719 5.62) 41.9%, oklch(47.70% 0.0760 26.79) 45.2%, oklch(45.03% 0.0783 46.54) 48.4%, oklch(42.22% 0.0781 64.55) 51.6%, oklch(38.51% 0.0752 82.43) 54.8%, oklch(34.22% 0.0704 100.13) 58.1%, oklch(29.90% 0.0644 117.21) 61.3%, oklch(26.05% 0.0579 133.24) 64.5%, oklch(23.21% 0.0518 147.81) 67.7%, oklch(21.91% 0.0466 160.47) 71.0%, oklch(22.66% 0.0432 170.80) 74.2%, oklch(26.17% 0.0420 178.31) 77.4%, oklch(32.70% 0.0423 182.97) 80.6%, oklch(41.34% 0.0436 185.37) 83.9%, oklch(51.19% 0.0457 186.11) 87.1%, oklch(61.32% 0.0481 185.79) 90.3%, oklch(70.82% 0.0505 185.03) 93.5%, oklch(78.77% 0.0525 184.43) 96.8%, oklch(84.25% 0.0537 184.59) 100.0%);

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

Gradient cầu vồng tông trầ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