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

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

Gradient tuyến tính, 32 màu, góc 45°: #fff3de, #c56440, #3e2525, #734c45, #d29a67. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff3de
#fae9ce
#f5dbb8
#f0c99e
#ebb483
#e49e6b
#dc8857
#d27449
#c56440
#b4563c
#9f4938
#883e35
#723631
#5e2f2c
#4e2928
#432626
#3e2525
#3e2626
#422929
#492f2e
#533533
#5d3c39
#68443f
#734c45
#7e534a
#8a5d4f
#986754
#a77359
#b57e5e
#c18961
#cb9365
#d29a67

CSS

background: linear-gradient(45deg in oklch, oklch(96.85% 0.0303 83.67) 0.0%, oklch(94.06% 0.0400 80.13) 3.2%, oklch(90.31% 0.0545 75.24) 6.5%, oklch(85.85% 0.0718 69.41) 9.7%, oklch(80.91% 0.0900 63.05) 12.9%, oklch(75.73% 0.1072 56.56) 16.1%, oklch(70.55% 0.1215 50.35) 19.4%, oklch(65.61% 0.1309 44.84) 22.6%, oklch(61.10% 0.1336 40.38) 25.8%, oklch(56.33% 0.1287 36.45) 29.0%, oklch(51.20% 0.1179 32.77) 32.3%, oklch(46.01% 0.1033 29.43) 35.5%, oklch(41.05% 0.0867 26.48) 38.7%, oklch(36.64% 0.0701 23.99) 41.9%, oklch(33.06% 0.0554 22.04) 45.2%, oklch(30.62% 0.0446 20.69) 48.4%, oklch(29.59% 0.0392 20.01) 51.6%, oklch(29.90% 0.0372 20.00) 54.8%, oklch(31.30% 0.0374 20.58) 58.1%, oklch(33.52% 0.0396 21.70) 61.3%, oklch(36.33% 0.0430 23.29) 64.5%, oklch(39.48% 0.0472 25.27) 67.7%, oklch(42.70% 0.0515 27.59) 71.0%, oklch(45.75% 0.0556 30.16) 74.2%, oklch(48.73% 0.0595 33.20) 77.4%, oklch(52.27% 0.0644 37.19) 80.6%, oklch(56.16% 0.0700 41.81) 83.9%, oklch(60.18% 0.0760 46.73) 87.1%, oklch(64.09% 0.0819 51.60) 90.3%, oklch(67.66% 0.0873 56.09) 93.5%, oklch(70.65% 0.0918 59.84) 96.8%, oklch(72.83% 0.0951 62.54) 100.0%);

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

Gradient tông ấm

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