Nâu vàng sang tím (hai tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #d5ba6f, #d89a34, #b46a0e, #7d4624, #452d50. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d5ba6f
#d6b86a
#d7b564
#d9b25c
#daae53
#dba94a
#dba442
#da9f3b
#d89a34
#d6942e
#d38f29
#cf8924
#ca831f
#c67d1b
#c07616
#bb7012
#b46a0e
#ae640d
#a75e10
#a05814
#985318
#8e4f1c
#854b20
#7d4624
#754228
#703d2c
#6a3833
#64333a
#5c3042
#542e49
#4c2e4e
#452d50

CSS

background: linear-gradient(135deg in oklch, oklch(79.53% 0.0992 90.00) 0.0%, oklch(79.13% 0.1028 88.77) 3.2%, oklch(78.62% 0.1080 87.07) 6.5%, oklch(78.00% 0.1141 85.06) 9.7%, oklch(77.26% 0.1203 82.89) 12.9%, oklch(76.40% 0.1259 80.73) 16.1%, oklch(75.41% 0.1303 78.74) 19.4%, oklch(74.28% 0.1330 76.95) 22.6%, oklch(73.00% 0.1350 75.20) 25.8%, oklch(71.58% 0.1363 73.47) 29.0%, oklch(70.06% 0.1369 71.77) 32.3%, oklch(68.47% 0.1370 70.10) 35.5%, oklch(66.81% 0.1367 68.46) 38.7%, oklch(65.11% 0.1360 66.88) 41.9%, oklch(63.30% 0.1350 65.49) 45.2%, oklch(61.40% 0.1336 64.18) 48.4%, oklch(59.45% 0.1316 62.83) 51.6%, oklch(57.47% 0.1289 61.33) 54.8%, oklch(55.50% 0.1253 59.55) 58.1%, oklch(53.55% 0.1205 57.51) 61.3%, oklch(51.52% 0.1138 56.15) 64.5%, oklch(49.44% 0.1058 55.06) 67.7%, oklch(47.37% 0.0971 53.51) 71.0%, oklch(45.36% 0.0888 50.75) 74.2%, oklch(43.49% 0.0816 46.02) 77.4%, oklch(41.80% 0.0763 38.55) 80.6%, oklch(40.21% 0.0727 26.73) 83.9%, oklch(38.69% 0.0703 11.48) 87.1%, oklch(37.29% 0.0687 354.72) 90.3%, oklch(36.06% 0.0677 338.40) 93.5%, oklch(35.03% 0.0669 324.42) 96.8%, oklch(34.25% 0.0661 314.74) 100.0%);

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

Bánh trung thu dưới ánh nến

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