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

Gradient tuyến tính, 32 màu, góc 210°: #d8c98b, #8b694a, #484e23, #044137, #031f22. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d8c98b
#d3c285
#ccb77d
#c4ab75
#ba9d6c
#af8f63
#a3815a
#977452
#8b694a
#815f42
#77573b
#6f5234
#684f2e
#614d28
#5a4c24
#514d22
#484e23
#3e4e27
#334f2c
#284e31
#1e4c35
#144937
#0b4537
#044137
#013c35
#003733
#003230
#002d2d
#01292a
#022527
#032224
#031f22

CSS

background: linear-gradient(210deg in oklch, oklch(83.46% 0.0827 96.33) 0.0%, oklch(81.31% 0.0812 93.89) 3.2%, oklch(78.40% 0.0792 90.04) 6.5%, oklch(74.93% 0.0767 85.23) 9.7%, oklch(71.04% 0.0740 79.91) 12.9%, oklch(66.92% 0.0711 74.54) 16.1%, oklch(62.71% 0.0682 69.57) 19.4%, oklch(58.59% 0.0655 65.44) 22.6%, oklch(54.73% 0.0630 62.60) 25.8%, oklch(51.29% 0.0610 61.52) 29.0%, oklch(48.43% 0.0596 62.63) 32.3%, oklch(46.25% 0.0589 66.40) 35.5%, oklch(44.54% 0.0589 72.85) 38.7%, oklch(43.21% 0.0595 81.48) 41.9%, oklch(42.18% 0.0605 91.76) 45.2%, oklch(41.37% 0.0618 103.17) 48.4%, oklch(40.69% 0.0631 115.19) 51.6%, oklch(40.08% 0.0643 127.30) 54.8%, oklch(39.44% 0.0652 138.97) 58.1%, oklch(38.69% 0.0656 149.67) 61.3%, oklch(37.77% 0.0654 158.89) 64.5%, oklch(36.58% 0.0643 166.20) 67.7%, oklch(35.18% 0.0624 172.47) 71.0%, oklch(33.63% 0.0597 178.08) 74.2%, oklch(31.98% 0.0566 183.09) 77.4%, oklch(30.29% 0.0528 187.51) 80.6%, oklch(28.59% 0.0492 191.46) 83.9%, oklch(26.95% 0.0456 194.93) 87.1%, oklch(25.43% 0.0421 197.99) 90.3%, oklch(24.07% 0.0389 200.68) 93.5%, oklch(22.92% 0.0363 203.06) 96.8%, oklch(22.05% 0.0344 205.17) 100.0%);

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

Gradient rừ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