Nâu sang hồng đào (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #782d15, #ac4417, #e66c2e, #fea372, #ffd8c1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#782d15
#7b2f16
#803116
#863417
#8d3617
#943917
#9c3c17
#a44017
#ac4417
#b44817
#bd4c17
#c55119
#cd561b
#d55b1e
#db6022
#e16627
#e66c2e
#eb7336
#ef7a3e
#f38248
#f68b52
#f9935d
#fc9b67
#fea372
#ffac7e
#ffb48b
#ffbc96
#ffc3a1
#ffcaab
#ffcfb3
#ffd4bb
#ffd8c1

CSS

background: linear-gradient(135deg in oklch, oklch(40.16% 0.1102 37.97) 0.0%, oklch(41.10% 0.1127 38.19) 3.2%, oklch(42.25% 0.1161 38.46) 6.5%, oklch(43.57% 0.1204 38.76) 9.7%, oklch(45.05% 0.1252 39.10) 12.9%, oklch(46.66% 0.1305 39.47) 16.1%, oklch(48.38% 0.1361 39.87) 19.4%, oklch(50.19% 0.1418 40.28) 22.6%, oklch(52.07% 0.1475 40.72) 25.8%, oklch(54.00% 0.1528 41.18) 29.0%, oklch(55.95% 0.1578 41.65) 32.3%, oklch(57.91% 0.1621 42.12) 35.5%, oklch(59.84% 0.1657 42.61) 38.7%, oklch(61.73% 0.1683 43.10) 41.9%, oklch(63.56% 0.1698 43.59) 45.2%, oklch(65.31% 0.1699 44.07) 48.4%, oklch(66.97% 0.1686 44.55) 51.6%, oklch(68.69% 0.1657 45.08) 54.8%, oklch(70.48% 0.1614 45.65) 58.1%, oklch(72.31% 0.1559 46.24) 61.3%, oklch(74.17% 0.1493 46.86) 64.5%, oklch(76.04% 0.1420 47.50) 67.7%, oklch(77.89% 0.1340 48.14) 71.0%, oklch(79.72% 0.1257 48.77) 74.2%, oklch(81.49% 0.1152 49.40) 77.4%, oklch(83.20% 0.1035 50.01) 80.6%, oklch(84.82% 0.0927 50.59) 83.9%, oklch(86.33% 0.0828 51.13) 87.1%, oklch(87.72% 0.0739 51.63) 90.3%, oklch(88.97% 0.0660 52.08) 93.5%, oklch(90.05% 0.0592 52.46) 96.8%, oklch(90.94% 0.0537 52.77) 100.0%);

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

Gradient lửa Gradient quả hồng

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