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

Gradient tuyến tính, 32 màu, góc 180°: #281915, #5e2328, #963c42, #c77660, #f0d8c4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#281915
#2c1a16
#321b17
#381c18
#3f1e1a
#461f1d
#4e2020
#562224
#5e2328
#66252d
#6d2831
#742a35
#7b2d38
#82303b
#89343e
#8f3740
#963c42
#9d4144
#a44746
#ab4d49
#b2554d
#b95e51
#c06958
#c77660
#ce846b
#d59277
#dba184
#e0af93
#e5bca1
#e9c8af
#edd1bb
#f0d8c4

CSS

background: linear-gradient(180deg in oklch, oklch(23.23% 0.0262 35.86) 0.0%, oklch(24.09% 0.0307 34.50) 3.2%, oklch(25.17% 0.0367 32.57) 6.5%, oklch(26.45% 0.0440 30.23) 9.7%, oklch(27.87% 0.0520 27.61) 12.9%, oklch(29.43% 0.0606 24.89) 16.1%, oklch(31.08% 0.0694 22.20) 19.4%, oklch(32.80% 0.0779 19.71) 22.6%, oklch(34.55% 0.0860 17.55) 25.8%, oklch(36.30% 0.0931 15.90) 29.0%, oklch(38.02% 0.0990 14.89) 32.3%, oklch(39.69% 0.1036 14.59) 35.5%, oklch(41.33% 0.1081 14.73) 38.7%, oklch(42.97% 0.1123 15.27) 41.9%, oklch(44.63% 0.1161 16.17) 45.2%, oklch(46.32% 0.1194 17.38) 48.4%, oklch(48.09% 0.1219 18.87) 51.6%, oklch(49.94% 0.1237 20.61) 54.8%, oklch(51.90% 0.1246 22.55) 58.1%, oklch(54.00% 0.1244 24.67) 61.3%, oklch(56.27% 0.1229 26.91) 64.5%, oklch(58.73% 0.1201 29.29) 67.7%, oklch(61.60% 0.1151 32.18) 71.0%, oklch(64.85% 0.1080 35.59) 74.2%, oklch(68.35% 0.0993 39.38) 77.4%, oklch(71.98% 0.0897 43.37) 80.6%, oklch(75.63% 0.0795 47.43) 83.9%, oklch(79.16% 0.0693 51.40) 87.1%, oklch(82.46% 0.0596 55.13) 90.3%, oklch(85.41% 0.0509 58.46) 93.5%, oklch(87.88% 0.0438 61.25) 96.8%, oklch(89.76% 0.0386 63.33) 100.0%);

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

Cà phê tại nhà

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