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°: #4b3832, #763d3b, #a66f57, #cdb193, #fff4e6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4b3832
#4e3932
#533932
#583933
#5d3a33
#633a34
#693a36
#703b38
#763d3b
#7d3f3e
#834341
#894744
#8f4d47
#95544a
#9b5d4d
#a16551
#a66f57
#ab795d
#b08264
#b58c6c
#ba9575
#c09e7e
#c6a788
#cdb193
#d4bb9f
#dbc5ab
#e2ceb7
#e9d8c2
#f0e0cd
#f6e8d7
#fbefe0
#fff4e6

CSS

background: linear-gradient(135deg in oklch, oklch(35.99% 0.0292 38.25) 0.0%, oklch(36.55% 0.0330 37.13) 3.2%, oklch(37.18% 0.0384 35.39) 6.5%, oklch(37.90% 0.0449 33.23) 9.7%, oklch(38.72% 0.0522 30.84) 12.9%, oklch(39.64% 0.0598 28.41) 16.1%, oklch(40.68% 0.0674 26.14) 19.4%, oklch(41.84% 0.0745 24.22) 22.6%, oklch(43.13% 0.0807 22.86) 25.8%, oklch(44.56% 0.0856 22.24) 29.0%, oklch(46.14% 0.0888 22.57) 32.3%, oklch(47.90% 0.0901 24.04) 35.5%, oklch(49.88% 0.0900 26.69) 38.7%, oklch(52.04% 0.0886 30.29) 41.9%, oklch(54.37% 0.0863 34.60) 45.2%, oklch(56.82% 0.0831 39.40) 48.4%, oklch(59.35% 0.0794 44.42) 51.6%, oklch(61.94% 0.0753 49.45) 54.8%, oklch(64.55% 0.0711 54.24) 58.1%, oklch(67.14% 0.0670 58.56) 61.3%, oklch(69.69% 0.0631 62.16) 64.5%, oklch(72.17% 0.0597 64.84) 67.7%, oklch(74.80% 0.0560 66.94) 71.0%, oklch(77.60% 0.0520 68.62) 74.2%, oklch(80.50% 0.0477 69.94) 77.4%, oklch(83.42% 0.0433 70.97) 80.6%, oklch(86.28% 0.0389 71.76) 83.9%, oklch(89.01% 0.0347 72.37) 87.1%, oklch(91.54% 0.0307 72.85) 90.3%, oklch(93.80% 0.0272 73.26) 93.5%, oklch(95.71% 0.0242 73.66) 96.8%, oklch(97.20% 0.0220 74.10) 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