Xám, tím và tím hoa cà (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #dbf0c7, #859a9a, #5a587b, #6c557b, #b38b95. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dbf0c7
#d2e9c4
#c8dfc0
#bcd3bb
#b1c7b4
#a5baad
#9bafa6
#90a4a0
#859a9a
#7b9095
#728691
#6c7c8c
#687287
#656b83
#61647f
#5d5e7d
#5a587b
#58547a
#58517a
#5a4f79
#5d4f79
#615079
#66527a
#6c557b
#72587d
#7a5d7f
#836382
#8f6b86
#9a748a
#a57d8e
#ad8592
#b38b95

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0593 130.08) 0.0%, oklch(90.80% 0.0552 133.64) 3.2%, oklch(87.87% 0.0491 138.01) 6.5%, oklch(84.40% 0.0421 143.41) 9.7%, oklch(80.66% 0.0351 150.06) 12.9%, oklch(76.93% 0.0291 158.20) 16.1%, oklch(73.47% 0.0252 168.04) 19.4%, oklch(70.30% 0.0239 180.60) 22.6%, oklch(67.05% 0.0241 196.70) 25.8%, oklch(63.82% 0.0255 214.75) 29.0%, oklch(60.71% 0.0280 233.10) 32.3%, oklch(57.81% 0.0310 250.11) 35.5%, oklch(55.24% 0.0344 264.12) 38.7%, oklch(53.04% 0.0382 273.84) 41.9%, oklch(51.04% 0.0434 280.21) 45.2%, oklch(49.26% 0.0495 284.25) 48.4%, oklch(47.77% 0.0557 286.89) 51.6%, oklch(46.63% 0.0614 289.06) 54.8%, oklch(45.89% 0.0658 291.69) 58.1%, oklch(45.62% 0.0683 295.52) 61.3%, oklch(45.81% 0.0692 299.48) 64.5%, oklch(46.43% 0.0689 303.35) 67.7%, oklch(47.40% 0.0678 307.30) 71.0%, oklch(48.68% 0.0663 311.51) 74.2%, oklch(50.21% 0.0646 316.15) 77.4%, oklch(51.95% 0.0631 321.42) 80.6%, oklch(54.30% 0.0613 327.96) 83.9%, oklch(57.20% 0.0591 335.50) 87.1%, oklch(60.33% 0.0567 343.33) 90.3%, oklch(63.34% 0.0544 350.74) 93.5%, oklch(65.92% 0.0524 357.04) 96.8%, oklch(67.72% 0.0510 1.51) 100.0%);

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

Gradient khu vườn phong sương Gradient trung tính dịu Gradient nhiều màu dị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