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

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

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

#e8e9dc
#e4e2d4
#ded8c9
#d8ccbe
#d0beb2
#c8b0a8
#bea2a0
#b4959a
#aa8a96
#a18193
#9b7b90
#98768e
#9a738c
#9f7189
#a67084
#ae707d
#b67174
#bc7467
#c0795a
#bf7f4c
#bb8642
#b28d3d
#a59440
#949a4c
#80a05e
#6da372
#5ea485
#57a396
#59a1a2
#5f9eaa
#679cae
#6d9ab0

CSS

background: linear-gradient(135deg in oklch, oklch(92.91% 0.0165 106.87) 0.0%, oklch(90.96% 0.0184 98.51) 3.2%, oklch(88.25% 0.0207 86.56) 6.5%, oklch(84.99% 0.0234 71.98) 9.7%, oklch(81.35% 0.0264 55.76) 12.9%, oklch(77.51% 0.0297 38.88) 16.1%, oklch(73.67% 0.0332 22.31) 19.4%, oklch(70.01% 0.0370 7.03) 22.6%, oklch(66.70% 0.0410 354.02) 25.8%, oklch(63.94% 0.0452 344.25) 29.0%, oklch(61.90% 0.0495 338.70) 32.3%, oklch(60.71% 0.0542 337.90) 35.5%, oklch(60.18% 0.0600 340.70) 38.7%, oklch(60.18% 0.0666 346.54) 41.9%, oklch(60.61% 0.0737 354.92) 45.2%, oklch(61.36% 0.0809 5.35) 48.4%, oklch(62.30% 0.0878 17.33) 51.6%, oklch(63.34% 0.0943 30.38) 54.8%, oklch(64.36% 0.0998 44.00) 58.1%, oklch(65.25% 0.1041 57.71) 61.3%, oklch(65.90% 0.1067 71.00) 64.5%, oklch(66.21% 0.1075 83.60) 67.7%, oklch(66.37% 0.1060 97.56) 71.0%, oklch(66.46% 0.1027 113.14) 74.2%, oklch(66.49% 0.0980 129.80) 77.4%, oklch(66.48% 0.0922 146.97) 80.6%, oklch(66.43% 0.0858 164.13) 83.9%, oklch(66.36% 0.0792 180.72) 87.1%, oklch(66.28% 0.0729 196.21) 90.3%, oklch(66.21% 0.0671 210.03) 93.5%, oklch(66.16% 0.0625 221.65) 96.8%, oklch(66.14% 0.0593 230.51) 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