Be, tím hoa cà, cam và nâu tông ấm (gradient tuyến tính)

Bảng màu Be, tím hoa cà, cam và nâu tông ấm

Gradient tuyến tính, 32 màu, góc 180°: #fff0d6, #e6cca8, #a8495c, #c66a26, #873914. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff0d6
#fdeed3
#fbecd0
#f9eacd
#f6e7c9
#f3e3c4
#efdebd
#ebd6b3
#e6cca8
#e0be98
#d9ac88
#d19778
#c8816d
#bd6d66
#b35d62
#ab505f
#a8495c
#aa4758
#b04a52
#b74f4b
#bf5742
#c45f38
#c7662f
#c66a26
#c26820
#bb631b
#b25c18
#a85417
#9e4c16
#954415
#8c3d15
#873914

CSS

background: linear-gradient(180deg in oklch, oklch(96.06% 0.0382 82.28) 0.0%, oklch(95.47% 0.0395 82.39) 3.2%, oklch(94.87% 0.0404 83.04) 6.5%, oklch(94.16% 0.0414 83.85) 9.7%, oklch(93.25% 0.0428 84.43) 12.9%, oklch(92.07% 0.0448 84.39) 16.1%, oklch(90.51% 0.0476 83.37) 19.4%, oklch(88.49% 0.0514 80.97) 22.6%, oklch(85.89% 0.0566 76.76) 25.8%, oklch(82.22% 0.0637 69.53) 29.0%, oklch(77.61% 0.0725 59.75) 32.3%, oklch(72.48% 0.0824 48.55) 35.5%, oklch(67.24% 0.0927 37.03) 38.7%, oklch(62.30% 0.1027 26.32) 41.9%, oklch(58.06% 0.1119 17.54) 45.2%, oklch(54.95% 0.1196 11.79) 48.4%, oklch(53.35% 0.1253 10.13) 51.6%, oklch(53.29% 0.1299 12.45) 54.8%, oklch(54.36% 0.1335 17.73) 58.1%, oklch(56.15% 0.1364 24.93) 61.3%, oklch(58.22% 0.1385 33.00) 64.5%, oklch(60.15% 0.1399 40.90) 67.7%, oklch(61.53% 0.1405 47.60) 71.0%, oklch(61.92% 0.1406 52.04) 74.2%, oklch(61.06% 0.1398 53.76) 77.4%, oklch(59.26% 0.1376 53.85) 80.6%, oklch(56.82% 0.1343 52.74) 83.9%, oklch(54.01% 0.1305 50.84) 87.1%, oklch(51.09% 0.1264 48.53) 90.3%, oklch(48.35% 0.1225 46.22) 93.5%, oklch(46.06% 0.1193 44.30) 96.8%, oklch(44.49% 0.1171 43.17) 100.0%);

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

Gradient Lễ Tạ ơ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