Nâu, xám, đen và xanh lá nhạt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #c38555, #cbb888, #0c111b, #6f4d58, #a3d3a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c38555
#c68b5a
#cd9464
#d69e70
#dea97c
#e3b386
#e3ba8c
#dcbc8c
#cbb888
#acaa7d
#849470
#5c7862
#3a5a52
#223e40
#14262e
#0d1721
#0c111b
#11111d
#191623
#261e2d
#362939
#493546
#5d4251
#6f4d58
#80585b
#91665c
#a0785d
#aa8c61
#aea16b
#acb57b
#a7c68e
#a3d3a0

CSS

background: linear-gradient(225deg in oklch, oklch(66.93% 0.0992 58.36) 0.0%, oklch(68.47% 0.0969 59.51) 3.2%, oklch(71.10% 0.0939 59.92) 6.5%, oklch(74.27% 0.0904 60.35) 9.7%, oklch(77.42% 0.0864 61.55) 12.9%, oklch(79.98% 0.0820 64.28) 16.1%, oklch(81.42% 0.0774 69.29) 19.4%, oklch(81.16% 0.0726 77.34) 22.6%, oklch(78.63% 0.0676 89.24) 25.8%, oklch(72.88% 0.0616 106.15) 29.0%, oklch(64.51% 0.0547 127.31) 32.3%, oklch(54.56% 0.0472 151.34) 35.5%, oklch(44.08% 0.0399 176.86) 38.7%, oklch(34.14% 0.0333 202.50) 41.9%, oklch(25.78% 0.0279 226.88) 45.2%, oklch(20.05% 0.0244 248.63) 48.4%, oklch(17.81% 0.0231 266.63) 51.6%, oklch(18.33% 0.0238 281.88) 54.8%, oklch(20.92% 0.0262 295.24) 58.1%, oklch(25.06% 0.0298 307.39) 61.3%, oklch(30.19% 0.0342 319.04) 64.5%, oklch(35.78% 0.0391 330.85) 67.7%, oklch(41.29% 0.0440 343.53) 71.0%, oklch(46.18% 0.0486 357.77) 74.2%, oklch(50.51% 0.0529 14.45) 77.4%, oklch(55.35% 0.0580 33.84) 80.6%, oklch(60.51% 0.0635 54.84) 83.9%, oklch(65.72% 0.0691 76.27) 87.1%, oklch(70.73% 0.0746 96.99) 90.3%, oklch(75.26% 0.0796 115.83) 93.5%, oklch(79.07% 0.0838 131.63) 96.8%, oklch(81.89% 0.0868 143.25) 100.0%);

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