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

Bảng màu Be, đỏ, cam và nâu vàng (tương đồng)

Gradient tuyến tính, 32 màu, góc 135°: #f1e4c5, #a85f3d, #b6462e, #df7a36, #d9bd78. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1e4c5
#ebdab9
#e3cda9
#d9bc96
#cfaa81
#c5966d
#ba835b
#b0704a
#a85f3d
#a05134
#9c462e
#9a402a
#9c3d29
#a03c29
#a63d2a
#ae412c
#b6462e
#bf4c30
#c85331
#d05a33
#d66133
#da6833
#dd7034
#df7a36
#e0843a
#e08e41
#df9849
#dea254
#dcab5e
#dbb268
#dab871
#d9bd78

CSS

background: linear-gradient(135deg in oklch, oklch(92.13% 0.0427 87.89) 0.0%, oklch(89.45% 0.0475 84.68) 3.2%, oklch(85.71% 0.0538 80.25) 6.5%, oklch(81.18% 0.0614 74.90) 9.7%, oklch(76.14% 0.0699 68.94) 12.9%, oklch(70.84% 0.0789 62.66) 16.1%, oklch(65.57% 0.0882 56.36) 19.4%, oklch(60.60% 0.0973 50.34) 22.6%, oklch(56.18% 0.1060 44.89) 25.8%, oklch(52.61% 0.1139 40.32) 29.0%, oklch(50.14% 0.1207 36.93) 32.3%, oklch(48.93% 0.1264 34.80) 35.5%, oklch(48.70% 0.1320 33.41) 38.7%, oklch(49.26% 0.1375 32.65) 41.9%, oklch(50.48% 0.1427 32.48) 45.2%, oklch(52.20% 0.1474 32.84) 48.4%, oklch(54.27% 0.1516 33.68) 51.6%, oklch(56.54% 0.1550 34.95) 54.8%, oklch(58.86% 0.1575 36.60) 58.1%, oklch(61.09% 0.1589 38.58) 61.3%, oklch(63.07% 0.1591 40.82) 64.5%, oklch(64.69% 0.1579 43.35) 67.7%, oklch(66.33% 0.1546 46.73) 71.0%, oklch(68.10% 0.1494 50.96) 74.2%, oklch(69.94% 0.1427 55.82) 77.4%, oklch(71.81% 0.1351 61.06) 80.6%, oklch(73.65% 0.1269 66.47) 83.9%, oklch(75.42% 0.1187 71.81) 87.1%, oklch(77.06% 0.1108 76.85) 90.3%, oklch(78.52% 0.1037 81.37) 93.5%, oklch(79.75% 0.0978 85.12) 96.8%, oklch(80.71% 0.0937 87.89) 100.0%);

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

Gradient mùa thu hoạ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