Xanh dương, xanh cổ vịt và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #52677a, #2c4f58, #345e4b, #6f6c2e, #aa5535. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#52677a
#4f6578
#4b6374
#465f70
#415c6b
#3c5866
#365561
#31525c
#2c4f58
#294e54
#264d51
#244e4f
#24504e
#26534d
#29564d
#2e5a4c
#345e4b
#3b6349
#436647
#4b6944
#546b40
#5c6c3b
#656c35
#6f6c2e
#796a27
#836720
#8c641d
#95611d
#9c5d22
#a25a28
#a6572f
#aa5535

CSS

background: linear-gradient(45deg in oklch, oklch(50.39% 0.0400 246.09) 0.0%, oklch(49.67% 0.0402 243.68) 3.2%, oklch(48.62% 0.0403 240.76) 6.5%, oklch(47.34% 0.0405 237.37) 9.7%, oklch(45.92% 0.0407 233.55) 12.9%, oklch(44.44% 0.0409 229.33) 16.1%, oklch(43.00% 0.0413 224.76) 19.4%, oklch(41.68% 0.0419 219.86) 22.6%, oklch(40.58% 0.0426 214.68) 25.8%, oklch(39.79% 0.0436 209.26) 29.0%, oklch(39.40% 0.0450 203.63) 32.3%, oklch(39.47% 0.0466 197.76) 35.5%, oklch(39.97% 0.0485 191.46) 38.7%, oklch(40.81% 0.0505 184.79) 41.9%, oklch(41.93% 0.0528 177.78) 45.2%, oklch(43.23% 0.0553 170.50) 48.4%, oklch(44.64% 0.0580 163.00) 51.6%, oklch(46.08% 0.0609 155.33) 54.8%, oklch(47.48% 0.0640 147.55) 58.1%, oklch(48.75% 0.0673 139.72) 61.3%, oklch(49.83% 0.0707 131.88) 64.5%, oklch(50.64% 0.0743 124.04) 67.7%, oklch(51.31% 0.0785 115.53) 71.0%, oklch(51.91% 0.0832 106.38) 74.2%, oklch(52.44% 0.0884 96.83) 77.4%, oklch(52.90% 0.0937 87.16) 80.6%, oklch(53.31% 0.0991 77.62) 83.9%, oklch(53.67% 0.1043 68.48) 87.1%, oklch(53.98% 0.1091 59.99) 90.3%, oklch(54.26% 0.1135 52.42) 93.5%, oklch(54.50% 0.1171 46.03) 96.8%, oklch(54.72% 0.1199 41.08) 100.0%);

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

Tán cây cử ánh đồ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