Xanh cổ vịt và xanh dương nhạt (tương đồng) (gradient tuyến tính)

Bảng màu Xanh cổ vịt và xanh dương nhạt (tương đồng)

Gradient tuyến tính, 32 màu, góc 90°: #07424e, #08979b, #53d7c9, #8dd4cd, #176e79. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07424e
#074955
#07525f
#075e6b
#076a77
#077681
#07818a
#068c93
#08979b
#0ea1a2
#16aba9
#1eb4af
#22bcb5
#26c4ba
#30cabf
#3ed1c4
#53d7c9
#70ded0
#8ce4d7
#a3e9dd
#b1eae0
#b1e7df
#a4dfd7
#8dd4cd
#70c7c1
#53b9b6
#3bacac
#2b9fa1
#219096
#1c828a
#1a7780
#176e79

CSS

background: linear-gradient(90deg in oklch, oklch(35.04% 0.0593 216.56) 0.0%, oklch(37.33% 0.0631 215.23) 3.2%, oklch(40.56% 0.0685 213.39) 6.5%, oklch(44.32% 0.0749 211.19) 9.7%, oklch(48.22% 0.0814 208.80) 12.9%, oklch(51.82% 0.0873 206.39) 16.1%, oklch(55.04% 0.0926 203.88) 19.4%, oklch(58.26% 0.0980 201.05) 22.6%, oklch(61.41% 0.1032 198.14) 25.8%, oklch(64.42% 0.1080 195.36) 29.0%, oklch(67.23% 0.1119 192.94) 32.3%, oklch(69.77% 0.1153 191.05) 35.5%, oklch(72.04% 0.1190 189.52) 38.7%, oklch(74.14% 0.1222 188.27) 41.9%, oklch(76.13% 0.1236 187.23) 45.2%, oklch(78.12% 0.1221 186.33) 48.4%, oklch(80.29% 0.1161 185.49) 51.6%, oklch(83.08% 0.1034 184.61) 54.8%, oklch(85.99% 0.0873 183.86) 58.1%, oklch(88.37% 0.0716 183.40) 61.3%, oklch(89.56% 0.0600 183.42) 64.5%, oklch(88.91% 0.0564 184.12) 67.7%, oklch(86.24% 0.0615 185.58) 71.0%, oklch(82.14% 0.0721 187.60) 74.2%, oklch(77.32% 0.0844 189.95) 77.4%, oklch(72.47% 0.0948 192.41) 80.6%, oklch(68.25% 0.0995 194.75) 83.9%, oklch(64.08% 0.0984 197.34) 87.1%, oklch(59.74% 0.0940 200.19) 90.3%, oklch(55.62% 0.0880 202.97) 93.5%, oklch(52.11% 0.0822 205.36) 96.8%, oklch(49.61% 0.0785 207.05) 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