Hồng, xám và xanh cổ vịt (bổ túc) (gradient tuyến tính)

Bảng màu Hồng, xám và xanh cổ vịt (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #c2605c, #b67068, #939480, #76b2a6, #64c0be. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c2605c
#c2615d
#c1625d
#c1635e
#c0645e
#bf665f
#bd6960
#ba6c63
#b67068
#b2746d
#ad7971
#a97d75
#a58276
#a28677
#9e8b78
#99907b
#939480
#8f9987
#8b9d8e
#89a093
#86a498
#81a99d
#7caea1
#76b2a6
#70b6aa
#6bb9ae
#68bcb3
#66bdb6
#65beb9
#65bfbb
#65c0bc
#64c0be

CSS

background: linear-gradient(90deg in oklch, oklch(60.63% 0.1268 23.91) 0.0%, oklch(60.70% 0.1252 24.11) 3.2%, oklch(60.77% 0.1235 24.28) 6.5%, oklch(60.87% 0.1213 24.53) 9.7%, oklch(60.99% 0.1184 24.96) 12.9%, oklch(61.15% 0.1143 25.68) 16.1%, oklch(61.37% 0.1088 26.80) 19.4%, oklch(61.63% 0.1011 27.69) 22.6%, oklch(61.93% 0.0908 27.52) 25.8%, oklch(62.27% 0.0791 27.35) 29.0%, oklch(62.65% 0.0670 28.31) 32.3%, oklch(63.08% 0.0559 31.51) 35.5%, oklch(63.57% 0.0469 38.06) 38.7%, oklch(64.12% 0.0405 49.43) 41.9%, oklch(64.74% 0.0355 66.66) 45.2%, oklch(65.42% 0.0316 87.61) 48.4%, oklch(66.14% 0.0292 109.90) 51.6%, oklch(66.89% 0.0282 131.16) 54.8%, oklch(67.65% 0.0290 148.99) 58.1%, oklch(68.42% 0.0318 161.30) 61.3%, oklch(69.27% 0.0378 169.36) 64.5%, oklch(70.18% 0.0462 174.51) 67.7%, oklch(71.09% 0.0559 177.66) 71.0%, oklch(71.95% 0.0655 179.70) 74.2%, oklch(72.72% 0.0738 181.54) 77.4%, oklch(73.34% 0.0794 184.04) 80.6%, oklch(73.84% 0.0830 186.52) 83.9%, oklch(74.24% 0.0852 188.49) 87.1%, oklch(74.56% 0.0865 190.02) 90.3%, oklch(74.82% 0.0872 191.22) 93.5%, oklch(75.03% 0.0876 192.18) 96.8%, oklch(75.20% 0.0882 192.99) 100.0%);

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

Gradient cho hero section

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