گرادیان خطی آبی، بژ و نارنجی
گرادیان خطی، 32 رنگ با زاویه 180°: #508fd2, #9cc6e7, #f7d6a1, #f2a341, #d9582b. ویرایش کنید و خروجی CSS، SVG، PNG یا شیدر بگیرید.
5 کیفریم OKLCH ویرایشپذیر.
- #508fd2
- #5893d4
- #6598d7
- #739eda
- #81a5dd
- #8dade1
- #96b5e4
- #9bbee6
- #9cc6e7
- #9acee6
- #9bd7df
- #a3ded3
- #b4e2c4
- #c9e2b6
- #dddfac
- #eddba6
- #f7d6a1
- #fcd19a
- #feca90
- #fdc283
- #fbbb73
- #f8b362
- #f5ab50
- #f2a341
- #f19a36
- #ef8f2d
- #ec8527
- #e87a25
- #e46f26
- #e06628
- #dc5e2a
- #d9582b
CSS
background: linear-gradient(180deg in oklch, oklch(63.78% 0.1199 251.02) 0.0%, oklch(65.16% 0.1151 251.72) 3.2%, oklch(67.06% 0.1083 253.87) 6.5%, oklch(69.32% 0.1001 256.49) 9.7%, oklch(71.80% 0.0914 258.62) 12.9%, oklch(74.33% 0.0828 259.29) 16.1%, oklch(76.76% 0.0751 257.54) 19.4%, oklch(78.94% 0.0691 252.40) 22.6%, oklch(80.73% 0.0654 242.83) 25.8%, oklch(82.43% 0.0633 227.08) 29.0%, oklch(84.13% 0.0621 206.19) 32.3%, oklch(85.73% 0.0620 182.07) 35.5%, oklch(87.14% 0.0629 156.65) 38.7%, oklch(88.29% 0.0649 131.84) 41.9%, oklch(89.07% 0.0679 109.56) 45.2%, oklch(89.40% 0.0720 91.74) 48.4%, oklch(89.19% 0.0773 79.94) 51.6%, oklch(88.39% 0.0850 72.81) 54.8%, oklch(87.10% 0.0944 69.12) 58.1%, oklch(85.46% 0.1050 67.90) 61.3%, oklch(83.56% 0.1160 68.14) 64.5%, oklch(81.55% 0.1267 68.86) 67.7%, oklch(79.52% 0.1364 69.08) 71.0%, oklch(77.61% 0.1444 67.81) 74.2%, oklch(75.76% 0.1505 64.68) 77.4%, oklch(73.68% 0.1556 60.85) 80.6%, oklch(71.45% 0.1598 56.64) 83.9%, oklch(69.20% 0.1632 52.29) 87.1%, oklch(67.03% 0.1661 48.06) 90.3%, oklch(65.07% 0.1685 44.21) 93.5%, oklch(63.42% 0.1705 40.97) 96.8%, oklch(62.20% 0.1722 38.61) 100.0%);