Xanh cổ vịt, xám, nâu vàng và tím (bộ ba) (gradient tuyến tính)
Gradient tuyến tính, 40 màu, góc 45°: #316956, #a6b2c8, #6a83a6, #d8b596, #907590. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #316956
- #356e60
- #3d766d
- #487f7d
- #57888e
- #68929d
- #799bab
- #89a4b7
- #97abbf
- #a1b0c5
- #a6b2c8
- #a5b1c8
- #a0adc5
- #98a8c0
- #8da1ba
- #819ab4
- #7693ad
- #6c8da8
- #6688a4
- #6485a4
- #6a83a6
- #7784ab
- #8a85af
- #9f88af
- #b48dab
- #c595a4
- #d19e9d
- #d7a899
- #d8b097
- #d8b596
- #d6b495
- #d3b093
- #cfa991
- #caa090
- #c2968f
- #b88d90
- #ad8491
- #a27e91
- #977991
- #907590
CSS
background: linear-gradient(45deg in oklch, oklch(47.64% 0.0675 168.75) 0.0%, oklch(49.58% 0.0652 174.86) 2.6%, oklch(52.35% 0.0619 183.35) 5.1%, oklch(55.71% 0.0578 193.58) 7.7%, oklch(59.43% 0.0534 204.94) 10.3%, oklch(63.27% 0.0488 216.80) 12.8%, oklch(67.00% 0.0444 228.53) 15.4%, oklch(70.38% 0.0404 239.51) 17.9%, oklch(73.19% 0.0372 249.10) 20.5%, oklch(75.17% 0.0351 256.69) 23.1%, oklch(76.11% 0.0344 261.62) 25.6%, oklch(75.86% 0.0351 263.10) 28.2%, oklch(74.64% 0.0370 261.67) 30.8%, oklch(72.70% 0.0399 258.26) 33.3%, oklch(70.30% 0.0433 253.78) 35.9%, oklch(67.69% 0.0471 249.15) 38.5%, oklch(65.13% 0.0509 245.30) 41.0%, oklch(62.87% 0.0545 243.14) 43.6%, oklch(61.17% 0.0576 243.59) 46.2%, oklch(60.29% 0.0599 247.57) 48.7%, oklch(60.47% 0.0612 256.18) 51.3%, oklch(61.66% 0.0618 270.49) 53.8%, oklch(63.65% 0.0621 289.29) 56.4%, oklch(66.19% 0.0619 311.12) 59.0%, oklch(69.03% 0.0615 334.51) 61.5%, oklch(71.94% 0.0609 357.98) 64.1%, oklch(74.69% 0.0602 20.06) 66.7%, oklch(77.02% 0.0594 39.29) 69.2%, oklch(78.70% 0.0586 54.19) 71.8%, oklch(79.50% 0.0580 63.29) 74.4%, oklch(79.24% 0.0575 65.56) 76.9%, oklch(78.09% 0.0568 61.95) 79.5%, oklch(76.25% 0.0560 53.70) 82.1%, oklch(73.90% 0.0552 41.99) 84.6%, oklch(71.24% 0.0544 28.02) 87.2%, oklch(68.45% 0.0535 12.99) 89.7%, oklch(65.73% 0.0527 358.10) 92.3%, oklch(63.26% 0.0520 344.54) 94.9%, oklch(61.23% 0.0514 333.51) 97.4%, oklch(59.84% 0.0510 326.21) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
