Cam, nâu và xám (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #d59338, #b36a2c, #7b492e, #504746, #4b5b61. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d59338
#d38f36
#d08b34
#cc8632
#c88030
#c47a2e
#bf742d
#b96f2c
#b36a2c
#ad652b
#a6602a
#9e5b29
#975728
#8f5328
#884f29
#814c2b
#7b492e
#744831
#6d4735
#654739
#5e463d
#584640
#534643
#504746
#4e4848
#4e494b
#504b4f
#504e55
#50515a
#4e555f
#4c5961
#4b5b61

CSS

background: linear-gradient(180deg in oklch, oklch(71.26% 0.1309 71.02) 0.0%, oklch(70.36% 0.1303 69.87) 3.2%, oklch(69.17% 0.1298 68.29) 6.5%, oklch(67.76% 0.1292 66.41) 9.7%, oklch(66.18% 0.1284 64.35) 12.9%, oklch(64.50% 0.1272 62.24) 16.1%, oklch(62.78% 0.1256 60.22) 19.4%, oklch(61.07% 0.1234 58.42) 22.6%, oklch(59.44% 0.1205 56.95) 25.8%, oklch(57.71% 0.1170 55.97) 29.0%, oklch(55.88% 0.1132 55.33) 32.3%, oklch(53.99% 0.1088 54.86) 35.5%, oklch(52.10% 0.1040 54.37) 38.7%, oklch(50.29% 0.0986 53.69) 41.9%, oklch(48.61% 0.0927 52.61) 45.2%, oklch(47.11% 0.0862 50.97) 48.4%, oklch(45.84% 0.0788 48.85) 51.6%, oklch(44.67% 0.0696 47.53) 54.8%, oklch(43.60% 0.0591 46.60) 58.1%, oklch(42.64% 0.0479 45.35) 61.3%, oklch(41.84% 0.0369 43.10) 64.5%, oklch(41.21% 0.0268 39.13) 67.7%, oklch(40.77% 0.0183 32.74) 71.0%, oklch(40.57% 0.0121 23.24) 74.2%, oklch(40.66% 0.0089 9.24) 77.4%, oklch(41.13% 0.0081 349.72) 80.6%, oklch(41.89% 0.0093 326.45) 83.9%, oklch(42.82% 0.0117 301.31) 87.1%, oklch(43.81% 0.0148 276.18) 90.3%, oklch(44.75% 0.0179 252.95) 93.5%, oklch(45.54% 0.0206 233.48) 96.8%, oklch(46.06% 0.0220 219.67) 100.0%);

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

Gradient cam Quán bia hổ phách

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