Nâu sang trắng ngà (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #6f4e37, #996f51, #c09a72, #dbc29e, #f5ebdc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6f4e37
#725039
#76543b
#7b573e
#805b42
#866045
#8c6549
#936a4d
#996f51
#9f7456
#a4795a
#a97e5e
#ae8462
#b38966
#b78e6a
#bc946e
#c09a72
#c49f77
#c8a57c
#ccab82
#cfb088
#d3b68e
#d7bc96
#dbc29e
#dfc8a7
#e3ceb0
#e7d4b9
#eadac2
#eedfca
#f0e4d1
#f3e8d7
#f5ebdc

CSS

background: linear-gradient(135deg in oklch, oklch(45.39% 0.0568 55.64) 0.0%, oklch(46.33% 0.0576 55.69) 3.2%, oklch(47.52% 0.0588 55.67) 6.5%, oklch(48.93% 0.0603 55.63) 9.7%, oklch(50.52% 0.0619 55.59) 12.9%, oklch(52.23% 0.0636 55.58) 16.1%, oklch(54.03% 0.0653 55.65) 19.4%, oklch(55.87% 0.0669 55.83) 22.6%, oklch(57.71% 0.0683 56.15) 25.8%, oklch(59.51% 0.0694 56.65) 29.0%, oklch(61.22% 0.0701 57.36) 32.3%, oklch(62.84% 0.0705 58.36) 35.5%, oklch(64.47% 0.0708 59.69) 38.7%, oklch(66.11% 0.0709 61.30) 41.9%, oklch(67.75% 0.0709 63.11) 45.2%, oklch(69.40% 0.0707 65.05) 48.4%, oklch(71.05% 0.0702 67.03) 51.6%, oklch(72.70% 0.0695 68.98) 54.8%, oklch(74.33% 0.0684 70.82) 58.1%, oklch(75.96% 0.0670 72.48) 61.3%, oklch(77.56% 0.0653 73.87) 64.5%, oklch(79.15% 0.0630 74.94) 67.7%, oklch(80.82% 0.0599 75.76) 71.0%, oklch(82.56% 0.0561 76.41) 74.2%, oklch(84.34% 0.0517 76.90) 77.4%, oklch(86.11% 0.0469 77.26) 80.6%, oklch(87.84% 0.0420 77.52) 83.9%, oklch(89.48% 0.0372 77.70) 87.1%, oklch(91.00% 0.0327 77.84) 90.3%, oklch(92.35% 0.0286 77.95) 93.5%, oklch(93.49% 0.0252 78.07) 96.8%, oklch(94.39% 0.0227 78.22) 100.0%);

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

Coffee color palettes

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