Aller au contenu

Palettes Grabient

Bleu marine, violet, rose et bleu clair aux tons vifs en dégradé linéaire

Bleu marine, violet, rose et bleu clair aux tons vifs, palette de couleurs

Dégradé linéaire, 32 couleurs à 90° : #29104e, #ac2aa4, #cf77e7, #8d8bfd, #57dff4. Modifiez et exportez en CSS, SVG, PNG ou shader.

7 points clés OKLCH modifiables.

  • #29104e
  • #2e1255
  • #351660
  • #3f1a6d
  • #4b1e7b
  • #5a2388
  • #6f2695
  • #8c299f
  • #ac2aa4
  • #cb2ca5
  • #e231a6
  • #ed3cad
  • #ef4bb9
  • #e959c7
  • #e066d5
  • #d670df
  • #cf77e7
  • #c77dee
  • #be82f4
  • #b586f9
  • #ab89fc
  • #a18cfe
  • #978cfe
  • #8d8bfd
  • #828bfc
  • #768efc
  • #6995fd
  • #59a4ff
  • #48b6ff
  • #42c8fc
  • #4ad6f8
  • #57dff4

CSS

background: linear-gradient(90deg in oklch, oklch(25.20% 0.1061 296.02) 0.0%, oklch(26.96% 0.1132 296.78) 3.2%, oklch(29.34% 0.1231 297.55) 6.5%, oklch(32.24% 0.1349 298.81) 9.7%, oklch(35.55% 0.1476 301.05) 12.9%, oklch(39.14% 0.1605 304.74) 16.1%, oklch(43.29% 0.1748 311.10) 19.4%, oklch(48.29% 0.1924 320.51) 22.6%, oklch(53.58% 0.2102 330.88) 25.8%, oklch(58.58% 0.2253 340.05) 29.0%, oklch(62.70% 0.2344 345.90) 32.3%, oklch(65.54% 0.2348 346.76) 35.5%, oklch(67.44% 0.2269 343.63) 38.7%, oklch(68.69% 0.2140 337.94) 41.9%, oklch(69.51% 0.1998 331.04) 45.2%, oklch(70.15% 0.1876 324.28) 48.4%, oklch(70.77% 0.1800 318.66) 51.6%, oklch(71.13% 0.1748 312.97) 54.8%, oklch(71.24% 0.1708 307.08) 58.1%, oklch(71.17% 0.1678 301.17) 61.3%, oklch(71.00% 0.1654 295.43) 64.5%, oklch(70.76% 0.1634 290.09) 67.7%, oklch(70.01% 0.1630 285.73) 71.0%, oklch(69.00% 0.1638 281.82) 74.2%, oklch(68.15% 0.1644 277.60) 77.4%, oklch(67.91% 0.1637 272.27) 80.6%, oklch(68.74% 0.1604 265.04) 83.9%, oklch(71.08% 0.1537 254.56) 87.1%, oklch(74.47% 0.1445 241.82) 90.3%, oklch(78.22% 0.1347 228.76) 93.5%, oklch(81.59% 0.1259 217.29) 96.8%, oklch(83.86% 0.1199 209.36) 100.0%);

Dans ces collections

Dégradés vaporwavePalette de couleurs vaporwave

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