Cầu vồng từ nâu vàng sang xám (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 45°: #f2cb77, #050b5a, #82cccb, #3a5727, #aad2c2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2cb77
#eeb76b
#e49b5f
#d37b5a
#ba5a5c
#993e61
#752764
#511764
#320a61
#1a055c
#050b5a
#002048
#002f51
#004363
#005b7c
#007697
#3191ab
#52a9bb
#6bbcc8
#7cc8ce
#82cccb
#80c7c0
#78bcae
#6dad98
#609b7f
#538866
#487650
#40673c
#3b5c2e
#3a5727
#3d5929
#436032
#4c6b41
#577953
#658a68
#749b7e
#84ad94
#93bca7
#a0c9b7
#aad2c2

CSS

background: linear-gradient(45deg in oklch, oklch(85.83% 0.1116 85.08) 0.0%, oklch(81.40% 0.1134 73.84) 2.6%, oklch(74.99% 0.1163 58.71) 5.1%, oklch(67.17% 0.1198 40.61) 7.7%, oklch(58.54% 0.1237 20.43) 10.3%, oklch(49.69% 0.1276 359.09) 12.8%, oklch(41.21% 0.1311 337.49) 15.4%, oklch(33.70% 0.1339 316.54) 17.9%, oklch(27.74% 0.1356 297.14) 20.5%, oklch(23.93% 0.1359 280.20) 23.1%, oklch(22.86% 0.1345 266.57) 25.6%, oklch(24.96% 0.0840 255.62) 28.2%, oklch(29.68% 0.0766 246.17) 30.8%, oklch(36.36% 0.0808 238.14) 33.3%, oklch(44.29% 0.0895 231.23) 35.9%, oklch(52.80% 0.1001 225.13) 38.5%, oklch(61.17% 0.0947 219.48) 41.0%, oklch(68.74% 0.0872 214.00) 43.6%, oklch(74.79% 0.0809 208.35) 46.2%, oklch(78.64% 0.0761 202.21) 48.7%, oklch(79.68% 0.0733 195.28) 51.3%, oklch(78.17% 0.0722 187.59) 53.8%, oklch(74.69% 0.0724 179.45) 56.4%, oklch(69.81% 0.0736 171.14) 59.0%, oklch(64.07% 0.0754 162.98) 61.5%, oklch(58.04% 0.0774 155.26) 64.1%, oklch(52.27% 0.0795 148.29) 66.7%, oklch(47.34% 0.0811 142.36) 69.2%, oklch(43.78% 0.0819 137.77) 71.8%, oklch(42.16% 0.0816 134.83) 74.4%, oklch(42.82% 0.0800 133.92) 76.9%, oklch(45.28% 0.0773 135.11) 79.5%, oklch(49.15% 0.0739 138.00) 82.1%, oklch(54.03% 0.0700 142.16) 84.6%, oklch(59.55% 0.0657 147.14) 87.2%, oklch(65.31% 0.0614 152.52) 89.7%, oklch(70.92% 0.0573 157.85) 92.3%, oklch(76.02% 0.0535 162.71) 94.9%, oklch(80.19% 0.0504 166.66) 97.4%, oklch(83.07% 0.0482 169.27) 100.0%);

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