Cầu vồng từ nâu sang nâu vàng tông trầm (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 45°: #c7845e, #79a1c6, #d0b897, #4b92c9, #ca9d71. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #c7845e
- #c98265
- #ca816e
- #ca8079
- #c97f84
- #c67f90
- #c1819d
- #ba83a9
- #b286b3
- #a98abc
- #9e8ec3
- #9493c7
- #8a98c8
- #809dc8
- #79a1c6
- #73a6c2
- #70abbc
- #73b0b4
- #7ab4ac
- #86b6a3
- #94b89c
- #a2b997
- #afb994
- #baba94
- #c3b995
- #c9b997
- #ceb999
- #d0b999
- #d0b897
- #ccb793
- #c6b68d
- #bbb587
- #abb584
- #97b586
- #7fb48e
- #66b29a
- #4eaea8
- #3fa8b4
- #3ca1be
- #429bc5
- #4895c8
- #4b92c9
- #4792c9
- #3e95c6
- #3099c0
- #219eb8
- #20a3ab
- #34a79b
- #50a98a
- #6daa79
- #87a86b
- #9da663
- #afa362
- #bca066
- #c59e6b
- #ca9d71
CSS
background: linear-gradient(45deg in oklch, oklch(67.32% 0.0978 49.92) 0.0%, oklch(67.38% 0.0967 43.30) 1.8%, oklch(67.43% 0.0952 35.21) 3.6%, oklch(67.47% 0.0935 25.84) 5.5%, oklch(67.50% 0.0916 15.35) 7.3%, oklch(67.55% 0.0895 3.92) 9.1%, oklch(67.60% 0.0873 351.70) 10.9%, oklch(67.68% 0.0850 338.88) 12.7%, oklch(67.78% 0.0826 325.61) 14.5%, oklch(67.92% 0.0803 312.07) 16.4%, oklch(68.10% 0.0779 298.44) 18.2%, oklch(68.34% 0.0757 284.87) 20.0%, oklch(68.63% 0.0736 271.54) 21.8%, oklch(68.98% 0.0716 258.62) 23.6%, oklch(69.41% 0.0698 246.19) 25.5%, oklch(70.01% 0.0679 232.67) 27.3%, oklch(70.78% 0.0658 217.70) 29.1%, oklch(71.70% 0.0635 201.70) 30.9%, oklch(72.70% 0.0611 185.08) 32.7%, oklch(73.77% 0.0588 168.25) 34.5%, oklch(74.85% 0.0565 151.62) 36.4%, oklch(75.91% 0.0545 135.60) 38.2%, oklch(76.91% 0.0526 120.61) 40.0%, oklch(77.80% 0.0512 107.06) 41.8%, oklch(78.56% 0.0501 95.36) 43.6%, oklch(79.14% 0.0496 85.92) 45.5%, oklch(79.49% 0.0496 79.16) 47.3%, oklch(79.59% 0.0504 75.48) 49.1%, oklch(79.38% 0.0519 75.50) 50.9%, oklch(78.80% 0.0545 80.35) 52.7%, oklch(77.91% 0.0582 89.47) 54.5%, oklch(76.76% 0.0627 102.08) 56.4%, oklch(75.40% 0.0678 117.36) 58.2%, oklch(73.91% 0.0733 134.52) 60.0%, oklch(72.33% 0.0791 152.77) 61.8%, oklch(70.72% 0.0849 171.31) 63.6%, oklch(69.15% 0.0906 189.34) 65.5%, oklch(67.67% 0.0959 206.06) 67.3%, oklch(66.35% 0.1007 220.68) 69.1%, oklch(65.23% 0.1048 232.40) 70.9%, oklch(64.38% 0.1079 240.41) 72.7%, oklch(63.85% 0.1099 243.93) 74.5%, oklch(63.68% 0.1107 242.50) 76.4%, oklch(63.79% 0.1105 236.87) 78.2%, oklch(64.15% 0.1094 227.69) 80.0%, oklch(64.71% 0.1076 215.55) 81.8%, oklch(65.43% 0.1052 201.07) 83.6%, oklch(66.27% 0.1024 184.85) 85.5%, oklch(67.20% 0.0992 167.50) 87.3%, oklch(68.18% 0.0959 149.63) 89.1%, oklch(69.17% 0.0925 131.84) 90.9%, oklch(70.12% 0.0892 114.74) 92.7%, oklch(71.00% 0.0862 98.95) 94.5%, oklch(71.77% 0.0835 85.06) 96.4%, oklch(72.40% 0.0814 73.68) 98.2%, oklch(72.83% 0.0799 65.42) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
