Xám, trắng và xanh dương nhạt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #637074, #bcc9ca, #f5fbfa, #cae7eb, #6c7e82. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#637074
#6a777b
#758286
#818f92
#8e9c9f
#9aa8ab
#a5b3b6
#b1bec0
#bcc9ca
#c7d3d3
#d1dcdc
#dae3e3
#e2eaea
#eaf0f0
#f0f5f5
#f4f9f8
#f5fbfa
#f3fbfa
#eefaf9
#e8f7f8
#e1f4f5
#daf0f2
#d2ecef
#cae7eb
#c0e1e5
#b6d9dd
#abced3
#9dbfc4
#8facb1
#80999e
#74898d
#6c7e82

CSS

background: linear-gradient(135deg in oklch, oklch(53.54% 0.0165 218.67) 0.0%, oklch(56.10% 0.0166 217.79) 3.2%, oklch(59.73% 0.0168 216.59) 6.5%, oklch(63.95% 0.0169 215.13) 9.7%, oklch(68.28% 0.0169 213.45) 12.9%, oklch(72.24% 0.0166 211.60) 16.1%, oklch(75.74% 0.0160 209.51) 19.4%, oklch(79.23% 0.0150 207.08) 22.6%, oklch(82.59% 0.0138 204.47) 25.8%, oklch(85.73% 0.0126 201.85) 29.0%, oklch(88.53% 0.0114 199.36) 32.3%, oklch(90.96% 0.0102 196.94) 35.5%, oklch(93.18% 0.0085 194.13) 38.7%, oklch(95.10% 0.0068 191.38) 41.9%, oklch(96.64% 0.0055 189.18) 45.2%, oklch(97.71% 0.0052 188.04) 48.4%, oklch(98.20% 0.0062 188.51) 51.6%, oklch(98.12% 0.0087 190.81) 54.8%, oklch(97.56% 0.0121 194.25) 58.1%, oklch(96.62% 0.0159 198.01) 61.3%, oklch(95.40% 0.0198 201.30) 64.5%, oklch(94.02% 0.0232 203.34) 67.7%, oklch(92.53% 0.0271 204.36) 71.0%, oklch(90.83% 0.0314 204.81) 74.2%, oklch(88.76% 0.0352 205.03) 77.4%, oklch(86.15% 0.0378 205.37) 80.6%, oklch(82.85% 0.0385 206.17) 83.9%, oklch(78.17% 0.0368 207.52) 87.1%, oklch(72.46% 0.0331 209.17) 90.3%, oklch(66.59% 0.0288 210.87) 93.5%, oklch(61.44% 0.0247 212.36) 96.8%, oklch(57.87% 0.0220 213.39) 100.0%);

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

Gradient kính

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