Hồng, xanh lá nhạt, xám và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 0°: #f4a4f4, #e1dfc9, #aee3ab, #8eb5a2, #8e4a92. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4a4f4
#f2acf0
#edb7ea
#e9c2e3
#e7cbdc
#e8d0d6
#e9d5d0
#e7dacb
#e1dfc9
#d8e3ca
#d1e6c9
#cbe8c3
#c7e9bb
#c3e8b3
#bce8af
#b5e6ad
#aee3ab
#a9dfa9
#a4daa6
#a5d4a0
#a6cc99
#a4c496
#9abd99
#8eb5a2
#8ca9a8
#909ca2
#8e9296
#878892
#827b95
#846a98
#895897
#8e4a92

CSS

background: linear-gradient(0deg in oklch, oklch(82.28% 0.1392 326.95) 0.0%, oklch(83.14% 0.1203 327.81) 3.2%, oklch(84.38% 0.0925 328.10) 6.5%, oklch(85.75% 0.0631 331.16) 9.7%, oklch(86.98% 0.0395 340.37) 12.9%, oklch(87.90% 0.0276 359.92) 16.1%, oklch(88.71% 0.0237 32.18) 19.4%, oklch(89.40% 0.0250 69.63) 22.6%, oklch(89.91% 0.0295 103.90) 25.8%, oklch(90.18% 0.0353 126.70) 29.0%, oklch(90.22% 0.0448 136.64) 32.3%, oklch(90.05% 0.0578 138.84) 35.5%, oklch(89.70% 0.0712 137.45) 38.7%, oklch(89.16% 0.0819 136.63) 41.9%, oklch(88.45% 0.0882 138.79) 45.2%, oklch(87.57% 0.0920 141.06) 48.4%, oklch(86.50% 0.0938 143.08) 51.6%, oklch(85.25% 0.0936 144.71) 54.8%, oklch(83.83% 0.0915 145.53) 58.1%, oklch(82.22% 0.0870 142.34) 61.3%, oklch(80.43% 0.0804 137.81) 64.5%, oklch(78.46% 0.0724 136.67) 67.7%, oklch(76.31% 0.0633 143.62) 71.0%, oklch(73.93% 0.0506 163.39) 74.2%, oklch(71.30% 0.0327 194.01) 77.4%, oklch(68.54% 0.0162 228.46) 80.6%, oklch(65.74% 0.0080 259.71) 83.9%, oklch(62.96% 0.0151 281.64) 87.1%, oklch(59.84% 0.0406 297.57) 90.3%, oklch(56.67% 0.0754 309.58) 93.5%, oklch(53.91% 0.1094 318.51) 96.8%, oklch(51.97% 0.1323 325.19) 100.0%);

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

Gradient nhiều màu tông sáng 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