Nâu vàng, xanh dương, xám và nâu (gradient tuyến tính)

Bảng màu Nâu vàng, xanh dương, xám và nâu

Gradient tuyến tính, 32 màu, góc 135°: #f3d87a, #69a9ba, #b2d2c1, #dfccb3, #704d35. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3d87a
#e2d97c
#cad883
#add58e
#8fd09d
#77c7aa
#69bdb4
#66b2b9
#69a9ba
#6ea2b8
#729fb6
#75a0b5
#7ba6b6
#83afb8
#8fbabb
#9fc6be
#b2d2c1
#c5dbc4
#d7e2c7
#e5e6ca
#ede7cb
#eee3c8
#e9d9c0
#dfccb3
#d2bca3
#c2a991
#b2967e
#a1836b
#917259
#83624a
#78563e
#704d35

CSS

background: linear-gradient(135deg in oklch, oklch(88.58% 0.1185 94.22) 0.0%, oklch(87.20% 0.1149 103.27) 3.2%, oklch(85.17% 0.1100 116.38) 6.5%, oklch(82.70% 0.1041 132.40) 9.7%, oklch(79.94% 0.0976 150.22) 12.9%, oklch(77.10% 0.0907 168.69) 16.1%, oklch(74.33% 0.0836 186.69) 19.4%, oklch(71.83% 0.0766 203.09) 22.6%, oklch(69.78% 0.0701 216.74) 25.8%, oklch(68.34% 0.0642 226.53) 29.0%, oklch(67.72% 0.0593 231.31) 32.3%, oklch(68.15% 0.0553 230.13) 35.5%, oklch(69.86% 0.0518 223.42) 38.7%, oklch(72.56% 0.0486 212.23) 41.9%, oklch(75.93% 0.0459 197.62) 45.2%, oklch(79.65% 0.0434 180.62) 48.4%, oklch(83.41% 0.0414 162.30) 51.6%, oklch(86.89% 0.0398 143.69) 54.8%, oklch(89.77% 0.0385 125.85) 58.1%, oklch(91.74% 0.0377 109.82) 61.3%, oklch(92.47% 0.0373 96.66) 64.5%, oklch(91.67% 0.0373 87.24) 67.7%, oklch(89.23% 0.0381 80.02) 71.0%, oklch(85.44% 0.0397 74.21) 74.2%, oklch(80.64% 0.0419 69.61) 77.4%, oklch(75.12% 0.0446 66.04) 80.6%, oklch(69.23% 0.0474 63.30) 83.9%, oklch(63.28% 0.0504 61.18) 87.1%, oklch(57.58% 0.0532 59.50) 90.3%, oklch(52.47% 0.0557 58.06) 93.5%, oklch(48.26% 0.0578 56.67) 96.8%, oklch(45.28% 0.0593 55.12) 100.0%);

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

Vàng bơ và xanh dươ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