Xanh cổ vịt, xanh lá và nâu vàng (ba tông) (gradient tuyến tính)

Xanh cổ vịt, xanh lá và nâu vàng (ba tông): bảng màu gồm 32 màu. #026b77, #66bebe, #186e70, #cea180, #97cdaf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#026b77
#12737e
#227e88
#328c94
#429ba1
#50a9ad
#5cb5b7
#64bcbd
#66bebe
#61b8ba
#56adb2
#499ea7
#3a8d9a
#2d7f8d
#207381
#176d77
#186e70
#297468
#477c5e
#6a8457
#8c8c57
#aa9362
#c09a72
#cea180
#d5a786
#d6ad87
#d2b486
#c8bb87
#bac28e
#abc899
#9ecba5
#97cdaf

CSS

background: linear-gradient(45deg in oklch, oklch(48.43% 0.0827 208.12) 0.0%, oklch(50.92% 0.0830 206.96) 3.2%, oklch(54.65% 0.0835 205.26) 6.5%, oklch(59.12% 0.0840 203.22) 9.7%, oklch(63.82% 0.0846 201.05) 12.9%, oklch(68.24% 0.0852 198.98) 16.1%, oklch(71.87% 0.0855 197.20) 19.4%, oklch(74.21% 0.0856 195.93) 22.6%, oklch(74.73% 0.0853 195.46) 25.8%, oklch(73.02% 0.0847 197.18) 29.0%, oklch(69.53% 0.0838 200.74) 32.3%, oklch(64.95% 0.0827 205.00) 35.5%, oklch(59.95% 0.0814 208.85) 38.7%, oklch(55.20% 0.0801 211.17) 41.9%, oklch(51.37% 0.0788 210.82) 45.2%, oklch(49.13% 0.0777 206.68) 48.4%, oklch(49.07% 0.0767 197.23) 51.6%, oklch(50.89% 0.0756 180.34) 54.8%, oklch(54.08% 0.0745 158.05) 58.1%, oklch(58.17% 0.0735 132.98) 61.3%, oklch(62.70% 0.0725 107.72) 64.5%, oklch(67.20% 0.0716 84.90) 67.7%, oklch(71.21% 0.0709 67.12) 71.0%, oklch(74.25% 0.0704 56.99) 74.2%, oklch(76.17% 0.0701 56.53) 77.4%, oklch(77.54% 0.0701 64.43) 80.6%, oklch(78.49% 0.0702 78.41) 83.9%, oklch(79.12% 0.0705 96.18) 87.1%, oklch(79.52% 0.0708 115.46) 90.3%, oklch(79.79% 0.0712 133.96) 93.5%, oklch(80.02% 0.0715 149.40) 96.8%, oklch(80.31% 0.0717 159.51) 100.0%);

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

Between tides Xanh ngọc lam

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