Xanh lá đậm, xám, xanh dương nhạt và tím (gradient tuyến tính)

Bảng màu Xanh lá đậm, xám, xanh dương nhạt và tím

Gradient tuyến tính, 32 màu, góc 225°: #3e4328, #053849, #c5cdb6, #a4bdec, #927b99. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3e4328
#374228
#2a4029
#1a3c2c
#043830
#003335
#003139
#003240
#053849
#154652
#2b595d
#48706a
#698778
#8a9e8a
#a7b29c
#bbc3ac
#c5cdb6
#c5d5bd
#bcd9c4
#aedacd
#a0d7da
#99d0e5
#9cc6ec
#a4bdec
#a9b4e7
#abaadd
#aaa0d0
#a697c3
#a18eb5
#9b86a9
#9580a0
#927b99

CSS

background: linear-gradient(225deg in oklch, oklch(37.01% 0.0441 117.42) 0.0%, oklch(36.12% 0.0455 127.59) 3.2%, oklch(34.49% 0.0477 142.80) 6.5%, oklch(32.53% 0.0503 161.01) 9.7%, oklch(30.64% 0.0529 180.16) 12.9%, oklch(29.23% 0.0497 198.21) 16.1%, oklch(28.70% 0.0502 213.13) 19.4%, oklch(29.46% 0.0548 222.77) 22.6%, oklch(31.92% 0.0576 224.94) 25.8%, oklch(36.71% 0.0552 217.79) 29.0%, oklch(43.41% 0.0512 203.17) 32.3%, oklch(51.30% 0.0463 184.04) 35.5%, oklch(59.67% 0.0412 163.37) 38.7%, oklch(67.78% 0.0365 144.12) 41.9%, oklch(74.93% 0.0331 129.26) 45.2%, oklch(80.40% 0.0316 121.73) 48.4%, oklch(83.64% 0.0326 124.16) 51.6%, oklch(85.31% 0.0364 135.44) 54.8%, oklch(85.80% 0.0423 153.25) 58.1%, oklch(85.37% 0.0493 175.37) 61.3%, oklch(84.26% 0.0567 199.61) 64.5%, oklch(82.74% 0.0636 223.76) 67.7%, oklch(81.06% 0.0692 245.64) 71.0%, oklch(79.48% 0.0726 263.03) 74.2%, oklch(77.92% 0.0733 275.32) 77.4%, oklch(75.77% 0.0719 285.43) 80.6%, oklch(73.20% 0.0690 293.77) 83.9%, oklch(70.43% 0.0651 300.60) 87.1%, oklch(67.66% 0.0608 306.20) 90.3%, oklch(65.09% 0.0567 310.82) 93.5%, oklch(62.94% 0.0532 314.73) 96.8%, oklch(61.42% 0.0510 318.20) 100.0%);

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

Gradient tông trầ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