Xám, xanh cổ vịt, xanh lá và xanh hải quân (gradient tuyến tính)

Bảng màu Xám, xanh cổ vịt, xanh lá và xanh hải quân

Gradient tuyến tính, 32 màu, góc 180°: #eef9e9, #55b9b9, #5bd097, #5dba7b, #0a1f42. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eef9e9
#e5f4e2
#d8edd9
#c7e5cf
#b2ddc7
#9cd4c1
#84cabd
#6cc1ba
#55b9b9
#3fb2b8
#2aaeb7
#11aeb6
#00b1b4
#00b8b0
#18c0aa
#3cc9a1
#5bd097
#77d68d
#8dd983
#9bd97c
#9ed777
#95d176
#7ec878
#5dba7b
#32a87f
#009280
#00797a
#00616f
#004c63
#003958
#06294c
#0a1f42

CSS

background: linear-gradient(180deg in oklch, oklch(96.85% 0.0234 135.70) 0.0%, oklch(95.05% 0.0287 140.09) 3.2%, oklch(92.54% 0.0357 146.43) 6.5%, oklch(89.48% 0.0441 154.18) 9.7%, oklch(86.08% 0.0534 162.80) 12.9%, oklch(82.51% 0.0634 171.74) 16.1%, oklch(78.97% 0.0736 180.45) 19.4%, oklch(75.65% 0.0836 188.39) 22.6%, oklch(72.72% 0.0929 195.01) 25.8%, oklch(70.38% 0.1013 199.77) 29.0%, oklch(68.82% 0.1083 202.12) 32.3%, oklch(68.28% 0.1139 201.33) 35.5%, oklch(68.92% 0.1173 196.88) 38.7%, oklch(70.47% 0.1219 189.58) 41.9%, oklch(72.62% 0.1282 180.34) 45.2%, oklch(75.09% 0.1319 170.03) 48.4%, oklch(77.58% 0.1350 159.56) 51.6%, oklch(79.79% 0.1373 149.81) 54.8%, oklch(81.42% 0.1388 141.68) 58.1%, oklch(82.18% 0.1393 136.05) 61.3%, oklch(81.78% 0.1388 133.81) 64.5%, oklch(79.90% 0.1370 135.85) 67.7%, oklch(76.39% 0.1334 142.32) 71.0%, oklch(71.52% 0.1279 152.44) 74.2%, oklch(65.63% 0.1211 165.33) 77.4%, oklch(59.07% 0.1071 180.13) 80.6%, oklch(52.16% 0.0889 195.97) 83.9%, oklch(45.26% 0.0789 212.00) 87.1%, oklch(38.69% 0.0750 227.35) 90.3%, oklch(32.81% 0.0767 241.14) 93.5%, oklch(27.93% 0.0758 252.38) 96.8%, oklch(24.41% 0.0717 260.40) 100.0%);

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

Gradient xanh dương và xanh lá

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