Xanh dương, xanh lá và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #7b88bd, #6587d1, #527a89, #849655, #626c70. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7b88bd
#7c8bc1
#7e90c7
#8094cd
#7f97d1
#7c96d3
#7592d4
#6d8dd3
#6587d1
#5f81cc
#5d7ac6
#5d73bd
#5b6db3
#566caa
#4d6fa2
#4a7596
#527a89
#5f7e81
#66827e
#67897c
#6a9174
#729767
#7d995b
#849655
#859154
#828c57
#7a885c
#6f8463
#63806d
#5e7974
#607174
#626c70

CSS

background: linear-gradient(315deg in oklch, oklch(63.78% 0.0813 272.81) 0.0%, oklch(64.68% 0.0827 271.73) 3.2%, oklch(66.06% 0.0845 270.14) 6.5%, oklch(67.38% 0.0871 268.43) 9.7%, oklch(68.11% 0.0905 266.95) 12.9%, oklch(67.79% 0.0955 265.96) 16.1%, oklch(66.58% 0.1033 265.24) 19.4%, oklch(64.84% 0.1118 264.73) 22.6%, oklch(62.93% 0.1186 264.44) 25.8%, oklch(61.18% 0.1213 264.40) 29.0%, oklch(59.26% 0.1203 266.54) 32.3%, oklch(57.16% 0.1166 269.83) 35.5%, oklch(55.30% 0.1105 271.45) 38.7%, oklch(54.10% 0.1020 268.53) 41.9%, oklch(53.89% 0.0895 258.50) 45.2%, oklch(54.50% 0.0705 242.12) 48.4%, oklch(55.63% 0.0506 222.51) 51.6%, oklch(56.96% 0.0358 202.79) 54.8%, oklch(58.25% 0.0322 185.81) 58.1%, oklch(59.97% 0.0427 169.12) 61.3%, oklch(61.92% 0.0613 152.74) 64.5%, oklch(63.61% 0.0802 138.45) 67.7%, oklch(64.53% 0.0917 128.05) 71.0%, oklch(64.35% 0.0920 121.66) 74.2%, oklch(63.36% 0.0857 117.90) 77.4%, oklch(61.89% 0.0757 117.86) 80.6%, oklch(60.29% 0.0648 122.68) 83.9%, oklch(58.81% 0.0551 134.13) 87.1%, oklch(57.06% 0.0439 156.01) 90.3%, oklch(55.19% 0.0319 183.17) 93.5%, oklch(53.52% 0.0212 208.86) 96.8%, oklch(52.36% 0.0138 226.32) 100.0%);

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

Gradient vintage Sọc màu pha đen

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