گرادیان خطی اسطوخودوسی، آبی، کلهغازی و قهوهای

گرادیان خطی، 80 رنگ با زاویه 120°: #d9cfdf, #8b8dbc, #235d9d, #dbc699, #a86d51. ویرایش کنید و خروجی CSS، SVG، PNG یا شیدر بگیرید.
5 کیفریم OKLCH ویرایشپذیر.
- #d9cfdf
- #d7cdde
- #d5cadd
- #d2c8db
- #cfc5d9
- #ccc2d8
- #c9bed6
- #c5bbd4
- #c2b7d2
- #bdb4d0
- #b9b0ce
- #b5accc
- #b0a8ca
- #aca4c8
- #a7a1c6
- #a29dc4
- #9d9ac2
- #9996c1
- #9493bf
- #9090bd
- #8b8dbc
- #878aba
- #8286b8
- #7e82b6
- #797eb3
- #7479b1
- #7075ae
- #6b71ac
- #676ca9
- #6268a7
- #5e64a4
- #5960a2
- #555da0
- #505a9f
- #4c589e
- #47579d
- #42569c
- #3c569c
- #35589c
- #2d5a9c
- #235d9d
- #15629d
- #00699c
- #007098
- #007796
- #007f95
- #008894
- #009292
- #2b9a8f
- #45a18b
- #5da888
- #72ae86
- #86b385
- #98b885
- #a9bc87
- #b7c08b
- #c4c28f
- #cec593
- #d5c697
- #dbc699
- #dfc69b
- #e1c49c
- #e1c19b
- #e1be99
- #dfba97
- #ddb593
- #dab08f
- #d6aa8a
- #d2a585
- #ce9e7f
- #ca9879
- #c59273
- #c08c6e
- #bc8668
- #b78062
- #b37b5d
- #b07759
- #ad7355
- #aa6f53
- #a86d51
CSS
background: linear-gradient(120deg in oklch, oklch(86.61% 0.0248 312.89) 0.0%, oklch(86.04% 0.0260 312.07) 1.3%, oklch(85.37% 0.0274 311.09) 2.5%, oklch(84.61% 0.0290 309.99) 3.8%, oklch(83.76% 0.0308 308.77) 5.1%, oklch(82.84% 0.0327 307.44) 6.3%, oklch(81.85% 0.0348 306.01) 7.6%, oklch(80.81% 0.0370 304.50) 8.9%, oklch(79.71% 0.0392 302.92) 10.1%, oklch(78.58% 0.0416 301.28) 11.4%, oklch(77.41% 0.0441 299.60) 12.7%, oklch(76.22% 0.0466 297.88) 13.9%, oklch(75.02% 0.0491 296.14) 15.2%, oklch(73.81% 0.0517 294.40) 16.5%, oklch(72.60% 0.0543 292.65) 17.7%, oklch(71.41% 0.0569 290.92) 19.0%, oklch(70.23% 0.0595 289.22) 20.3%, oklch(69.08% 0.0621 287.56) 21.5%, oklch(67.97% 0.0646 285.95) 22.8%, oklch(66.91% 0.0671 284.41) 24.1%, oklch(65.89% 0.0695 282.95) 25.3%, oklch(64.80% 0.0721 281.77) 26.6%, oklch(63.60% 0.0749 280.90) 27.8%, oklch(62.32% 0.0779 280.28) 29.1%, oklch(60.97% 0.0811 279.86) 30.4%, oklch(59.58% 0.0844 279.57) 31.6%, oklch(58.16% 0.0878 279.37) 32.9%, oklch(56.74% 0.0912 279.19) 34.2%, oklch(55.34% 0.0945 278.98) 35.4%, oklch(53.97% 0.0979 278.67) 36.7%, oklch(52.67% 0.1011 278.23) 38.0%, oklch(51.45% 0.1042 277.57) 39.2%, oklch(50.32% 0.1071 276.66) 40.5%, oklch(49.32% 0.1097 275.44) 41.8%, oklch(48.47% 0.1121 273.84) 43.0%, oklch(47.77% 0.1142 271.81) 44.3%, oklch(47.27% 0.1159 269.29) 45.6%, oklch(46.96% 0.1172 266.23) 46.8%, oklch(46.89% 0.1181 262.57) 48.1%, oklch(47.06% 0.1185 258.25) 49.4%, oklch(47.52% 0.1183 253.18) 50.6%, oklch(48.37% 0.1175 247.13) 51.9%, oklch(49.60% 0.1140 240.20) 53.2%, oklch(51.14% 0.1049 232.43) 54.4%, oklch(52.97% 0.0994 223.95) 55.7%, oklch(55.03% 0.0972 214.89) 57.0%, oklch(57.29% 0.0979 205.34) 58.2%, oklch(59.68% 0.1017 195.41) 59.5%, oklch(62.18% 0.0980 185.21) 60.8%, oklch(64.74% 0.0941 174.86) 62.0%, oklch(67.30% 0.0901 164.45) 63.3%, oklch(69.83% 0.0862 154.09) 64.6%, oklch(72.28% 0.0823 143.89) 65.8%, oklch(74.60% 0.0786 133.96) 67.1%, oklch(76.75% 0.0751 124.40) 68.4%, oklch(78.69% 0.0719 115.33) 69.6%, oklch(80.36% 0.0691 106.84) 70.9%, oklch(81.73% 0.0668 99.05) 72.2%, oklch(82.75% 0.0649 92.07) 73.4%, oklch(83.38% 0.0636 86.00) 74.7%, oklch(83.59% 0.0629 80.80) 75.9%, oklch(83.45% 0.0627 76.17) 77.2%, oklch(82.99% 0.0628 72.05) 78.5%, oklch(82.25% 0.0633 68.41) 79.7%, oklch(81.26% 0.0641 65.21) 81.0%, oklch(80.06% 0.0652 62.41) 82.3%, oklch(78.67% 0.0665 59.99) 83.5%, oklch(77.14% 0.0680 57.89) 84.8%, oklch(75.48% 0.0696 56.10) 86.1%, oklch(73.75% 0.0714 54.56) 87.3%, oklch(71.96% 0.0733 53.25) 88.6%, oklch(70.15% 0.0752 52.12) 89.9%, oklch(68.36% 0.0771 51.15) 91.1%, oklch(66.62% 0.0789 50.29) 92.4%, oklch(64.96% 0.0807 49.51) 93.7%, oklch(63.42% 0.0823 48.77) 94.9%, oklch(62.02% 0.0838 48.04) 96.2%, oklch(60.81% 0.0850 47.28) 97.5%, oklch(59.81% 0.0861 46.46) 98.7%, oklch(59.06% 0.0868 45.53) 100.0%);