Nâu, cam và be (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #321c11, #763e1a, #cb6d0f, #e2b27a, #f6ead5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#321c11
#371e12
#3d2114
#452515
#4e2a17
#582f18
#623419
#6c391a
#763e1a
#804319
#8c4817
#984c12
#a4510b
#b05704
#ba5d00
#c46401
#cb6d0f
#d1761f
#d5802f
#d98b3f
#db954f
#dd9f5e
#e0a96d
#e2b27a
#e5ba86
#e8c293
#ebcba1
#edd3ae
#f0daba
#f3e0c5
#f5e6ce
#f6ead5

CSS

background: linear-gradient(180deg in oklch, oklch(25.20% 0.0400 45.00) 0.0%, oklch(26.53% 0.0439 45.42) 3.2%, oklch(28.30% 0.0490 45.99) 6.5%, oklch(30.39% 0.0551 46.66) 9.7%, oklch(32.73% 0.0619 47.41) 12.9%, oklch(35.23% 0.0691 48.19) 16.1%, oklch(37.78% 0.0766 48.99) 19.4%, oklch(40.31% 0.0841 49.75) 22.6%, oklch(42.72% 0.0914 50.45) 25.8%, oklch(45.16% 0.1000 51.03) 29.0%, oklch(47.69% 0.1100 51.53) 32.3%, oklch(50.27% 0.1204 52.01) 35.5%, oklch(52.87% 0.1304 52.54) 38.7%, oklch(55.48% 0.1392 53.16) 41.9%, oklch(58.06% 0.1457 53.92) 45.2%, oklch(60.58% 0.1497 54.96) 48.4%, oklch(63.03% 0.1497 56.26) 51.6%, oklch(65.47% 0.1461 57.91) 54.8%, oklch(67.91% 0.1396 59.82) 58.1%, oklch(70.32% 0.1310 61.90) 61.3%, oklch(72.69% 0.1211 64.05) 64.5%, oklch(75.00% 0.1107 66.17) 67.7%, oklch(77.24% 0.1006 68.17) 71.0%, oklch(79.40% 0.0916 69.96) 74.2%, oklch(81.51% 0.0835 71.53) 77.4%, oklch(83.67% 0.0749 73.05) 80.6%, oklch(85.82% 0.0660 74.51) 83.9%, oklch(87.89% 0.0572 75.88) 87.1%, oklch(89.82% 0.0489 77.13) 90.3%, oklch(91.54% 0.0414 78.22) 93.5%, oklch(92.99% 0.0351 79.15) 96.8%, oklch(94.09% 0.0303 79.87) 100.0%);

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

Bảng màu pumpkin spice

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