Cầu vồng từ nâu sang hồng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #6a5020, #478160, #629ec0, #bfa9e0, #ffcccb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6a5020
#695421
#675a24
#646029
#5f6831
#596f3c
#537548
#4c7b54
#478160
#42876d
#3e8c7b
#3d9088
#3f9495
#4498a1
#4c9aac
#569db7
#629ec0
#6fa0c9
#7ca1d0
#89a3d6
#97a4da
#a4a6de
#b2a7e0
#bfa9e0
#cbabdf
#d7aedd
#e2b2d9
#ebb7d5
#f3bdd1
#f9c3ce
#fdc8cc
#ffcccb

CSS

background: linear-gradient(45deg in oklch, oklch(44.88% 0.0730 80.16) 0.0%, oklch(45.69% 0.0738 86.47) 3.2%, oklch(46.78% 0.0749 95.17) 6.5%, oklch(48.09% 0.0763 105.48) 9.7%, oklch(49.53% 0.0776 116.65) 12.9%, oklch(51.01% 0.0788 127.89) 16.1%, oklch(52.47% 0.0798 138.43) 19.4%, oklch(53.90% 0.0804 148.07) 22.6%, oklch(55.41% 0.0808 157.62) 25.8%, oklch(56.96% 0.0811 167.13) 29.0%, oklch(58.53% 0.0812 176.63) 32.3%, oklch(60.09% 0.0813 186.16) 35.5%, oklch(61.61% 0.0813 195.72) 38.7%, oklch(63.07% 0.0813 205.36) 41.9%, oklch(64.49% 0.0811 215.04) 45.2%, oklch(65.87% 0.0809 224.75) 48.4%, oklch(67.25% 0.0806 234.49) 51.6%, oklch(68.62% 0.0803 244.23) 54.8%, oklch(70.02% 0.0801 253.97) 58.1%, oklch(71.44% 0.0799 263.69) 61.3%, oklch(72.88% 0.0800 273.43) 64.5%, oklch(74.34% 0.0803 283.17) 67.7%, oklch(75.81% 0.0805 292.91) 71.0%, oklch(77.28% 0.0804 302.63) 74.2%, oklch(78.75% 0.0797 312.32) 77.4%, oklch(80.22% 0.0782 321.99) 80.6%, oklch(81.81% 0.0754 332.45) 83.9%, oklch(83.50% 0.0718 343.52) 87.1%, oklch(85.18% 0.0677 354.46) 90.3%, oklch(86.73% 0.0637 4.54) 93.5%, oklch(88.03% 0.0602 13.04) 96.8%, oklch(88.98% 0.0579 19.22) 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