Nâu, cam, nâu vàng và đen (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #6e2613, #ee9642, #8b613f, #080403, #b35119. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e2613
#792d16
#8a3618
#9e411b
#b24e1d
#c65d20
#d66c25
#e27e2f
#ee9642
#f7b05a
#fdc673
#fed488
#f8d792
#eaca8d
#d1ae79
#b0895d
#8b613f
#673e26
#492313
#341309
#240a04
#160603
#0d0503
#080403
#070505
#0d0806
#1d0f0a
#371b10
#582a16
#7c3919
#9d471a
#b35119

CSS

background: linear-gradient(135deg in oklch, oklch(37.40% 0.1061 35.86) 0.0%, oklch(40.38% 0.1124 37.20) 3.2%, oklch(44.53% 0.1220 38.87) 6.5%, oklch(49.43% 0.1331 40.92) 9.7%, oklch(54.68% 0.1435 43.40) 12.9%, oklch(59.84% 0.1513 46.37) 16.1%, oklch(64.52% 0.1544 49.88) 19.4%, oklch(69.17% 0.1514 54.65) 22.6%, oklch(74.90% 0.1431 61.42) 25.8%, oklch(80.77% 0.1315 69.01) 29.0%, oklch(85.77% 0.1183 76.19) 32.3%, oklch(88.89% 0.1053 81.75) 35.5%, oklch(89.13% 0.0944 84.46) 38.7%, oklch(85.32% 0.0867 83.07) 41.9%, oklch(76.95% 0.0810 77.47) 45.2%, oklch(65.58% 0.0764 69.12) 48.4%, oklch(52.91% 0.0723 59.55) 51.6%, oklch(40.61% 0.0680 50.32) 54.8%, oklch(30.41% 0.0629 42.96) 58.1%, oklch(23.67% 0.0561 38.82) 61.3%, oklch(18.71% 0.0454 36.98) 64.5%, oklch(15.01% 0.0324 36.62) 67.7%, oklch(12.61% 0.0197 37.25) 71.0%, oklch(11.59% 0.0100 38.37) 74.2%, oklch(11.99% 0.0059 39.51) 77.4%, oklch(13.93% 0.0099 40.18) 80.6%, oklch(18.67% 0.0247 40.86) 83.9%, oklch(25.88% 0.0479 41.79) 87.1%, oklch(34.33% 0.0754 42.83) 90.3%, oklch(42.83% 0.1032 43.87) 93.5%, oklch(50.16% 0.1272 44.76) 96.8%, oklch(55.12% 0.1433 45.37) 100.0%);

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

Màu đồi mồi

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