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

Gradient tuyến tính, 32 màu, góc 135°: #e8e9dc, #a4c3bb, #6a98b0, #399897, #609653. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e8e9dc
#e4e6d8
#dee2d3
#d7dece
#cfd9c9
#c5d4c5
#bacfc1
#afc9bd
#a4c3bb
#9abdb9
#90b7b7
#87b0b6
#80aab5
#7aa5b4
#74a0b2
#6f9bb1
#6a98b0
#6596ae
#5e95ad
#5795aa
#4f95a7
#4796a3
#3f969e
#399897
#37988f
#389987
#3d997d
#449973
#4d996a
#559861
#5b9759
#609653

CSS

background: linear-gradient(135deg in oklch, oklch(92.91% 0.0165 106.87) 0.0%, oklch(91.90% 0.0181 111.78) 3.2%, oklch(90.61% 0.0199 118.33) 6.5%, oklch(89.08% 0.0220 126.26) 9.7%, oklch(87.35% 0.0243 135.30) 12.9%, oklch(85.47% 0.0268 145.17) 16.1%, oklch(83.47% 0.0295 155.60) 19.4%, oklch(81.39% 0.0324 166.31) 22.6%, oklch(79.27% 0.0354 177.04) 25.8%, oklch(77.15% 0.0385 187.52) 29.0%, oklch(75.07% 0.0416 197.46) 32.3%, oklch(73.07% 0.0449 206.61) 35.5%, oklch(71.20% 0.0481 214.67) 38.7%, oklch(69.48% 0.0513 221.39) 41.9%, oklch(67.96% 0.0546 226.50) 45.2%, oklch(66.68% 0.0577 229.70) 48.4%, oklch(65.66% 0.0608 230.78) 51.6%, oklch(64.82% 0.0642 229.80) 54.8%, oklch(64.12% 0.0677 227.03) 58.1%, oklch(63.56% 0.0715 222.72) 61.3%, oklch(63.11% 0.0753 217.10) 64.5%, oklch(62.77% 0.0792 210.42) 67.7%, oklch(62.52% 0.0832 202.93) 71.0%, oklch(62.34% 0.0871 194.87) 74.2%, oklch(62.22% 0.0910 186.50) 77.4%, oklch(62.14% 0.0947 178.06) 80.6%, oklch(62.10% 0.0983 169.78) 83.9%, oklch(62.07% 0.1016 161.93) 87.1%, oklch(62.04% 0.1046 154.74) 90.3%, oklch(62.00% 0.1074 148.47) 93.5%, oklch(61.92% 0.1097 143.35) 96.8%, oklch(61.81% 0.1116 139.63) 100.0%);

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

Mưa xuân Nam bán cầu

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