Xanh cổ vịt, xám, xanh dương nhạt và trắng (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xám, xanh dương nhạt và trắng

Gradient tuyến tính, 32 màu, góc 135°: #527f78, #70917c, #aecdc5, #e3f8f1, #f2eee1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#527f78
#548179
#578279
#5a8478
#5d8678
#618878
#658b79
#6a8e7a
#70917c
#75957f
#7b9a84
#81a08a
#88a793
#90b09e
#99b9ab
#a3c3b8
#aecdc5
#b8d7d1
#c3e0dc
#cce8e5
#d5eeec
#dbf3f0
#e0f6f1
#e3f8f1
#e6f8ef
#e9f8ec
#ebf6e9
#edf4e6
#eff2e4
#f0f0e2
#f1efe1
#f2eee1

CSS

background: linear-gradient(135deg in oklch, oklch(56.30% 0.0510 183.52) 0.0%, oklch(56.79% 0.0508 181.55) 3.2%, oklch(57.31% 0.0507 178.69) 6.5%, oklch(57.90% 0.0506 175.19) 9.7%, oklch(58.56% 0.0504 171.30) 12.9%, oklch(59.33% 0.0502 167.27) 16.1%, oklch(60.23% 0.0500 163.36) 19.4%, oklch(61.28% 0.0496 159.82) 22.6%, oklch(62.50% 0.0490 156.90) 25.8%, oklch(63.91% 0.0482 154.86) 29.0%, oklch(65.55% 0.0472 153.94) 32.3%, oklch(67.49% 0.0460 154.57) 35.5%, oklch(69.92% 0.0443 157.19) 38.7%, oklch(72.74% 0.0424 161.33) 41.9%, oklch(75.83% 0.0402 166.48) 45.2%, oklch(79.05% 0.0379 172.10) 48.4%, oklch(82.30% 0.0356 177.68) 51.6%, oklch(85.45% 0.0333 182.69) 54.8%, oklch(88.36% 0.0310 186.61) 58.1%, oklch(90.93% 0.0290 188.91) 61.3%, oklch(93.02% 0.0272 189.08) 64.5%, oklch(94.53% 0.0257 186.57) 67.7%, oklch(95.53% 0.0244 181.09) 71.0%, oklch(96.13% 0.0233 173.11) 74.2%, oklch(96.39% 0.0223 163.25) 77.4%, oklch(96.39% 0.0214 152.12) 80.6%, oklch(96.19% 0.0206 140.31) 83.9%, oklch(95.88% 0.0199 128.46) 87.1%, oklch(95.52% 0.0193 117.15) 90.3%, oklch(95.19% 0.0188 107.00) 93.5%, oklch(94.95% 0.0183 98.63) 96.8%, oklch(94.88% 0.0179 92.63) 100.0%);

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

Hoa cưới xanh dương ngả xám

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