Xám, nâu, đỏ nâu và tím (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #bcc5bc, #531521, #991e44, #8b929f, #47494e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bcc5bc
#b4bdb1
#a9b1a1
#9ea38e
#939279
#8a8063
#806d4f
#785a3d
#6f4830
#663727
#5e2923
#571d21
#531521
#520e21
#540722
#580222
#5d0023
#640023
#6c0024
#750024
#7f0025
#880127
#900a2d
#951537
#991e44
#9a2a55
#9b3868
#99467b
#96548d
#91629b
#8c6fa4
#887ba8
#8785a9
#878ca7
#8990a3
#8b929f
#8b919a
#898d93
#85888c
#7f8184
#77797c
#6f7174
#67696c
#5f6164
#57595d
#505257
#4b4d52
#47494e

CSS

background: linear-gradient(135deg in oklch, oklch(81.50% 0.0165 145.55) 0.0%, oklch(78.77% 0.0202 138.64) 2.1%, oklch(75.05% 0.0249 129.38) 4.3%, oklch(70.56% 0.0304 118.26) 6.4%, oklch(65.50% 0.0366 105.75) 8.5%, oklch(60.09% 0.0433 92.34) 10.6%, oklch(54.55% 0.0503 78.49) 12.8%, oklch(49.08% 0.0576 64.69) 14.9%, oklch(43.90% 0.0650 51.42) 17.0%, oklch(39.23% 0.0723 39.15) 19.1%, oklch(35.27% 0.0795 28.37) 21.3%, oklch(32.24% 0.0862 19.55) 23.4%, oklch(30.34% 0.0925 13.16) 25.5%, oklch(29.39% 0.0996 9.28) 27.7%, oklch(29.20% 0.1076 7.47) 29.8%, oklch(29.64% 0.1162 7.30) 31.9%, oklch(30.65% 0.1227 8.43) 34.0%, oklch(32.06% 0.1282 10.25) 36.2%, oklch(33.80% 0.1351 12.43) 38.3%, oklch(35.76% 0.1429 14.52) 40.4%, oklch(37.84% 0.1514 16.10) 42.6%, oklch(39.91% 0.1591 16.70) 44.7%, oklch(41.91% 0.1613 15.97) 46.8%, oklch(43.70% 0.1610 13.42) 48.9%, oklch(45.29% 0.1578 8.67) 51.1%, oklch(47.17% 0.1512 1.75) 53.2%, oklch(49.35% 0.1414 353.08) 55.3%, oklch(51.72% 0.1293 343.06) 57.4%, oklch(54.19% 0.1154 332.10) 59.6%, oklch(56.65% 0.1004 320.61) 61.7%, oklch(59.01% 0.0848 309.02) 63.8%, oklch(61.17% 0.0693 297.71) 66.0%, oklch(63.02% 0.0546 287.11) 68.1%, oklch(64.47% 0.0412 277.63) 70.2%, oklch(65.42% 0.0298 269.67) 72.3%, oklch(65.77% 0.0210 263.65) 74.5%, oklch(65.39% 0.0149 259.73) 76.6%, oklch(64.26% 0.0106 257.40) 78.7%, oklch(62.51% 0.0076 256.40) 80.9%, oklch(60.27% 0.0058 256.51) 83.0%, oklch(57.67% 0.0050 257.51) 85.1%, oklch(54.84% 0.0050 259.15) 87.2%, oklch(51.92% 0.0054 261.22) 89.4%, oklch(49.04% 0.0063 263.48) 91.5%, oklch(46.33% 0.0072 265.70) 93.6%, oklch(43.92% 0.0079 267.67) 95.7%, oklch(41.95% 0.0084 269.14) 97.9%, oklch(40.55% 0.0083 269.89) 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