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

Gradient tuyến tính, 32 màu, góc 135°: #521c0a, #4e8719, #20a7cf, #560f79, #e65230. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#521c0a
#592602
#5e3600
#634900
#645b04
#606b1b
#5b7723
#558021
#4e8719
#438e16
#2a9729
#009e53
#00a67a
#00ae9a
#00b3b5
#00b2c9
#20a7cf
#1b91cb
#1c74c0
#2855b2
#3537a2
#412295
#4c1487
#560f79
#600f6e
#6d1365
#7b165d
#8f1d58
#a82852
#c23749
#d8463e
#e65230

CSS

background: linear-gradient(135deg in oklch, oklch(30.71% 0.0854 37.97) 0.0%, oklch(33.50% 0.0872 49.43) 3.2%, oklch(37.53% 0.0836 65.97) 6.5%, oklch(42.12% 0.0863 84.89) 9.7%, oklch(46.60% 0.0964 103.08) 12.9%, oklch(50.30% 0.1033 117.50) 16.1%, oklch(52.87% 0.1147 126.22) 19.4%, oklch(54.80% 0.1315 130.93) 22.6%, oklch(56.34% 0.1498 133.81) 25.8%, oklch(57.75% 0.1657 137.07) 29.0%, oklch(59.27% 0.1753 142.88) 32.3%, oklch(61.34% 0.1585 152.84) 35.5%, oklch(64.29% 0.1338 165.79) 38.7%, oklch(67.31% 0.1217 180.51) 41.9%, oklch(69.50% 0.1185 195.86) 45.2%, oklch(69.98% 0.1213 210.73) 48.4%, oklch(67.74% 0.1210 224.24) 51.6%, oklch(62.25% 0.1293 237.32) 54.8%, oklch(54.88% 0.1426 250.17) 58.1%, oklch(47.23% 0.1569 262.77) 61.3%, oklch(40.90% 0.1683 275.09) 64.5%, oklch(37.33% 0.1729 287.10) 67.7%, oklch(35.73% 0.1706 298.79) 71.0%, oklch(35.45% 0.1646 310.18) 74.2%, oklch(36.25% 0.1575 321.32) 77.4%, oklch(37.90% 0.1523 332.26) 80.6%, oklch(40.20% 0.1519 343.07) 83.9%, oklch(44.07% 0.1570 354.59) 87.1%, oklch(49.32% 0.1655 6.49) 90.3%, oklch(54.95% 0.1753 17.73) 93.5%, oklch(59.97% 0.1842 27.27) 96.8%, oklch(63.39% 0.1902 34.09) 100.0%);

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

Gradient cầu vồng vòng lặp

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