Aller au contenu

Palettes Grabient

Bleu marine, bleu et violet aux tons froids sans raccord en dégradé angulaire

Bleu marine, bleu et violet aux tons froids sans raccord, palette de couleurs

Dégradé angulaire, 80 couleurs à 90° : #13263a, #0459c4, #776aff, #6c56d4, #13263a. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

  • #13263a
  • #12283d
  • #122941
  • #122b46
  • #112d4b
  • #103050
  • #0f3256
  • #0e355d
  • #0c3863
  • #0b3a6b
  • #083d72
  • #06407a
  • #044382
  • #02468a
  • #004993
  • #004c9b
  • #004fa3
  • #0052ab
  • #0054b4
  • #0157bc
  • #0459c4
  • #095bcc
  • #0f5dd3
  • #145fd9
  • #1a61df
  • #1f62e5
  • #2463ea
  • #2a64ee
  • #3065f2
  • #3665f6
  • #3c65fa
  • #4266fd
  • #4966ff
  • #5067ff
  • #5768ff
  • #5d69ff
  • #636aff
  • #686aff
  • #6e6bff
  • #726bff
  • #776aff
  • #7b6aff
  • #7f69ff
  • #8269ff
  • #8668ff
  • #8867ff
  • #8a65ff
  • #8c64ff
  • #8e62ff
  • #8e60ff
  • #8f5eff
  • #8e5dfc
  • #8c5df9
  • #8a5cf5
  • #875bf1
  • #835bed
  • #7e5ae8
  • #7959e2
  • #7357db
  • #6c56d4
  • #6555cd
  • #5e53c5
  • #5751bd
  • #504fb4
  • #494dab
  • #424ba2
  • #3b4898
  • #35458f
  • #2f4386
  • #2a407d
  • #253d74
  • #213a6b
  • #1d3763
  • #1a345b
  • #183154
  • #162f4d
  • #152c48
  • #142a42
  • #13283e
  • #13263a

CSS

background: conic-gradient(from 90deg in oklch, oklch(26.38% 0.0455 250.31) 0.0%, oklch(26.97% 0.0490 250.56) 1.3%, oklch(27.67% 0.0533 250.82) 2.5%, oklch(28.47% 0.0582 251.09) 3.8%, oklch(29.35% 0.0636 251.38) 5.1%, oklch(30.32% 0.0695 251.68) 6.3%, oklch(31.36% 0.0759 252.00) 7.6%, oklch(32.46% 0.0827 252.34) 8.9%, oklch(33.62% 0.0898 252.69) 10.1%, oklch(34.83% 0.0972 253.06) 11.4%, oklch(36.08% 0.1048 253.45) 12.7%, oklch(37.35% 0.1127 253.85) 13.9%, oklch(38.65% 0.1206 254.28) 15.2%, oklch(39.96% 0.1286 254.73) 16.5%, oklch(41.28% 0.1366 255.20) 17.7%, oklch(42.60% 0.1440 255.72) 19.0%, oklch(43.91% 0.1512 256.23) 20.3%, oklch(45.19% 0.1589 256.77) 21.5%, oklch(46.45% 0.1671 257.32) 22.8%, oklch(47.66% 0.1750 257.88) 24.1%, oklch(48.84% 0.1819 258.49) 25.3%, oklch(49.96% 0.1885 259.13) 26.6%, oklch(51.03% 0.1946 259.79) 27.8%, oklch(52.02% 0.2003 260.48) 29.1%, oklch(52.94% 0.2054 261.20) 30.4%, oklch(53.77% 0.2099 261.95) 31.6%, oklch(54.50% 0.2138 262.73) 32.9%, oklch(55.16% 0.2171 263.56) 34.2%, oklch(55.80% 0.2201 264.53) 35.4%, oklch(56.43% 0.2230 265.63) 36.7%, oklch(57.04% 0.2255 266.84) 38.0%, oklch(57.64% 0.2279 268.15) 39.2%, oklch(58.21% 0.2279 269.55) 40.5%, oklch(58.76% 0.2247 271.01) 41.8%, oklch(59.29% 0.2219 272.53) 43.0%, oklch(59.79% 0.2195 274.09) 44.3%, oklch(60.25% 0.2174 275.68) 45.6%, oklch(60.68% 0.2157 277.27) 46.8%, oklch(61.08% 0.2144 278.87) 48.1%, oklch(61.43% 0.2135 280.45) 49.4%, oklch(61.74% 0.2130 281.99) 50.6%, oklch(62.00% 0.2129 283.49) 51.9%, oklch(62.21% 0.2131 284.92) 53.2%, oklch(62.37% 0.2138 286.28) 54.4%, oklch(62.48% 0.2148 287.55) 55.7%, oklch(62.52% 0.2162 288.72) 57.0%, oklch(62.51% 0.2180 289.76) 58.2%, oklch(62.43% 0.2200 290.67) 59.5%, oklch(62.28% 0.2223 291.43) 60.8%, oklch(62.07% 0.2248 292.03) 62.0%, oklch(61.78% 0.2267 292.45) 63.3%, oklch(61.41% 0.2241 292.67) 64.6%, oklch(60.97% 0.2212 292.69) 65.8%, oklch(60.44% 0.2180 292.49) 67.1%, oklch(59.77% 0.2141 292.03) 68.4%, oklch(58.95% 0.2096 291.33) 69.6%, oklch(57.99% 0.2045 290.41) 70.9%, oklch(56.91% 0.1988 289.28) 72.2%, oklch(55.72% 0.1925 287.96) 73.4%, oklch(54.43% 0.1859 286.47) 74.7%, oklch(53.04% 0.1788 284.84) 75.9%, oklch(51.59% 0.1713 283.07) 77.2%, oklch(50.07% 0.1636 281.19) 78.5%, oklch(48.50% 0.1557 279.22) 79.7%, oklch(46.89% 0.1476 277.18) 81.0%, oklch(45.25% 0.1394 275.08) 82.3%, oklch(43.60% 0.1312 272.94) 83.5%, oklch(41.94% 0.1229 270.78) 84.8%, oklch(40.30% 0.1147 268.63) 86.1%, oklch(38.68% 0.1067 266.49) 87.3%, oklch(37.09% 0.0988 264.39) 88.6%, oklch(35.55% 0.0911 262.35) 89.9%, oklch(34.07% 0.0838 260.38) 91.1%, oklch(32.66% 0.0768 258.51) 92.4%, oklch(31.33% 0.0702 256.75) 93.7%, oklch(30.10% 0.0641 255.13) 94.9%, oklch(28.98% 0.0585 253.65) 96.2%, oklch(27.98% 0.0535 252.34) 97.5%, oklch(27.10% 0.0491 251.22) 98.7%, oklch(26.38% 0.0455 250.31) 100.0%);

Dans ces collections

Dégradés pour section hero

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche