Xanh cổ vịt và be (hai tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #114f59, #789270, #dfc99e, #b4d295, #33c7c8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#114f59
#16545c
#1e5b5e
#286361
#356c63
#437566
#547f69
#66896c
#789270
#8a9b76
#9ca47c
#acac83
#bbb48a
#c8bb91
#d2c198
#dac69c
#dfc99e
#e1cc9e
#e0ce9d
#ddcf9a
#d7d198
#ced195
#c2d294
#b4d295
#a4d299
#92d29e
#7fd1a5
#6ccfad
#5acdb5
#4acabc
#3dc8c3
#33c7c8

CSS

background: linear-gradient(180deg in oklch, oklch(39.37% 0.0620 212.34) 0.0%, oklch(41.09% 0.0618 207.24) 3.2%, oklch(43.32% 0.0615 200.37) 6.5%, oklch(45.98% 0.0609 192.04) 9.7%, oklch(48.99% 0.0603 182.53) 12.9%, oklch(52.29% 0.0596 172.14) 16.1%, oklch(55.78% 0.0589 161.18) 19.4%, oklch(59.39% 0.0582 149.92) 22.6%, oklch(63.04% 0.0576 138.68) 25.8%, oklch(66.66% 0.0571 127.74) 29.0%, oklch(70.16% 0.0568 117.41) 32.3%, oklch(73.47% 0.0567 107.96) 35.5%, oklch(76.50% 0.0570 99.71) 38.7%, oklch(79.19% 0.0575 92.95) 41.9%, oklch(81.45% 0.0584 87.96) 45.2%, oklch(83.20% 0.0598 85.06) 48.4%, oklch(84.38% 0.0616 84.50) 51.6%, oklch(85.11% 0.0641 86.26) 54.8%, oklch(85.43% 0.0672 90.04) 58.1%, oklch(85.40% 0.0708 95.56) 61.3%, oklch(85.07% 0.0748 102.55) 64.5%, oklch(84.48% 0.0791 110.72) 67.7%, oklch(83.70% 0.0837 119.79) 71.0%, oklch(82.76% 0.0883 129.48) 74.2%, oklch(81.71% 0.0930 139.50) 77.4%, oklch(80.61% 0.0976 149.58) 80.6%, oklch(79.51% 0.1020 159.44) 83.9%, oklch(78.44% 0.1062 168.78) 87.1%, oklch(77.47% 0.1101 177.34) 90.3%, oklch(76.64% 0.1134 184.82) 93.5%, oklch(75.99% 0.1163 190.94) 96.8%, oklch(75.59% 0.1185 195.44) 100.0%);

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

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