Hồng, tím oải hương và xanh dương tông pastel (gradient tuyến tính)

Bảng màu Hồng, tím oải hương và xanh dương tông pastel

Gradient tuyến tính, 32 màu, góc 180°: #f8dce7, #edb7d0, #ce9dd1, #b1ace0, #a6d3d5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f8dce7
#f7d9e5
#f7d6e2
#f6d1df
#f5ccdb
#f3c6d7
#f2c1d4
#f0bcd1
#edb7d0
#ebb3ce
#e7aecd
#e4aacc
#dfa6cc
#dba2cc
#d69fcd
#d29dcf
#ce9dd1
#c99dd3
#c69ed5
#c2a0d7
#bea2d9
#baa5db
#b6a8de
#b1ace0
#acb0e2
#a6b6e3
#a1bde3
#9dc3e2
#9dc9de
#9fcddb
#a2d0d7
#a6d3d5

CSS

background: linear-gradient(180deg in oklch, oklch(92.13% 0.0331 353.67) 0.0%, oklch(91.46% 0.0360 353.57) 3.2%, oklch(90.57% 0.0401 353.60) 6.5%, oklch(89.51% 0.0450 353.65) 9.7%, oklch(88.33% 0.0503 353.59) 12.9%, oklch(87.10% 0.0557 353.32) 16.1%, oklch(85.86% 0.0610 352.71) 19.4%, oklch(84.68% 0.0658 351.66) 22.6%, oklch(83.59% 0.0698 350.04) 25.8%, oklch(82.47% 0.0737 347.94) 29.0%, oklch(81.28% 0.0775 345.43) 32.3%, oklch(80.09% 0.0812 342.56) 35.5%, oklch(78.93% 0.0845 339.36) 38.7%, oklch(77.87% 0.0873 335.88) 41.9%, oklch(76.96% 0.0894 332.15) 45.2%, oklch(76.25% 0.0907 328.22) 48.4%, oklch(75.78% 0.0909 324.18) 51.6%, oklch(75.50% 0.0901 320.28) 54.8%, oklch(75.39% 0.0884 316.35) 58.1%, oklch(75.42% 0.0860 312.20) 61.3%, oklch(75.58% 0.0832 307.61) 64.5%, oklch(75.85% 0.0800 302.37) 67.7%, oklch(76.22% 0.0768 296.26) 71.0%, oklch(76.65% 0.0738 289.08) 74.2%, oklch(77.21% 0.0707 280.22) 77.4%, oklch(78.02% 0.0672 269.04) 80.6%, oklch(78.98% 0.0633 256.34) 83.9%, oklch(80.03% 0.0593 243.00) 87.1%, oklch(81.09% 0.0555 229.87) 90.3%, oklch(82.07% 0.0520 217.83) 93.5%, oklch(82.89% 0.0490 207.73) 96.8%, oklch(83.46% 0.0469 200.44) 100.0%);

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

Gradient mùa xuân

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