Xanh cổ vịt sang nâu (hai tông) (gradient tuyến tính)

Xanh cổ vịt sang nâu (hai tông): bảng màu gồm 32 màu. #155c6f, #166366, #316956, #556c45, #756c3f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#155c6f
#145c6e
#145d6e
#135e6d
#135f6c
#13606a
#136169
#156268
#166366
#196464
#1b6563
#1f6561
#22665f
#26675d
#29685b
#2d6959
#316956
#366a54
#3a6b52
#406b4f
#456c4c
#4a6c4a
#506c47
#556c45
#5b6c43
#606c41
#646c40
#696c3f
#6c6c3f
#706c3e
#736c3e
#756c3f

CSS

background: linear-gradient(180deg in oklch, oklch(44.09% 0.0730 220.78) 0.0%, oklch(44.22% 0.0728 219.02) 3.2%, oklch(44.37% 0.0726 216.97) 6.5%, oklch(44.53% 0.0723 214.65) 9.7%, oklch(44.72% 0.0719 212.07) 12.9%, oklch(44.92% 0.0716 209.26) 16.1%, oklch(45.14% 0.0712 206.23) 19.4%, oklch(45.37% 0.0708 203.02) 22.6%, oklch(45.61% 0.0703 199.65) 25.8%, oklch(45.86% 0.0699 196.12) 29.0%, oklch(46.12% 0.0695 192.47) 32.3%, oklch(46.39% 0.0691 188.72) 35.5%, oklch(46.66% 0.0687 184.88) 38.7%, oklch(46.94% 0.0683 180.99) 41.9%, oklch(47.22% 0.0680 177.05) 45.2%, oklch(47.50% 0.0677 173.09) 48.4%, oklch(47.78% 0.0674 169.08) 51.6%, oklch(48.09% 0.0671 164.67) 54.8%, oklch(48.43% 0.0669 159.88) 58.1%, oklch(48.79% 0.0667 154.78) 61.3%, oklch(49.16% 0.0664 149.46) 64.5%, oklch(49.55% 0.0662 144.00) 67.7%, oklch(49.93% 0.0660 138.46) 71.0%, oklch(50.32% 0.0658 132.92) 74.2%, oklch(50.70% 0.0657 127.48) 77.4%, oklch(51.07% 0.0655 122.19) 80.6%, oklch(51.43% 0.0654 117.14) 83.9%, oklch(51.76% 0.0652 112.41) 87.1%, oklch(52.06% 0.0651 108.07) 90.3%, oklch(52.33% 0.0650 104.21) 93.5%, oklch(52.57% 0.0649 100.89) 96.8%, oklch(52.76% 0.0648 98.20) 100.0%);

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

Lớp học bảng đen Gradient nền ứng dụ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