Noir, violet et bleu gris en dégradé linéaire

Dégradé linéaire, 34 couleurs à 0° : #000000, #0c021f, #402a67, #5c598b, #618892. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

• #000000
• #000000
• #000000
• #000000
• #000000
• #000001
• #010006
• #040112
• #0c021f
• #16042b
• #1e0735
• #240b3d
• #281145
• #2c164c
• #301b53
• #35205a
• #3b2561
• #402a67
• #462f6d
• #4b3573
• #4f3b78
• #52407d
• #554681
• #584c85
• #5a5389
• #5c598b
• #5f5f8e
• #616590
• #616b92
• #607294
• #5f7995
• #5e8095
• #5f8593
• #618892

CSS

background: linear-gradient(0deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(0.27% 0.0019 264.05) 3.0%, oklch(0.58% 0.0039 267.72) 6.1%, oklch(1.12% 0.0073 270.28) 9.1%, oklch(2.08% 0.0131 274.35) 12.1%, oklch(3.76% 0.0220 279.88) 15.2%, oklch(6.60% 0.0344 285.44) 18.2%, oklch(10.12% 0.0494 291.34) 21.2%, oklch(13.84% 0.0645 296.71) 24.2%, oklch(17.25% 0.0772 300.68) 27.3%, oklch(19.99% 0.0855 302.38) 30.3%, oklch(22.32% 0.0906 301.84) 33.3%, oklch(24.43% 0.0936 300.02) 36.4%, oklch(26.43% 0.0956 297.92) 39.4%, oklch(28.44% 0.0975 296.53) 42.4%, oklch(30.52% 0.0998 296.36) 45.5%, oklch(32.57% 0.1018 296.80) 48.5%, oklch(34.59% 0.1032 297.40) 51.5%, oklch(36.55% 0.1038 297.74) 54.5%, oklch(38.46% 0.1032 297.40) 57.6%, oklch(40.29% 0.1014 296.55) 60.6%, oklch(42.07% 0.0986 295.36) 63.6%, oklch(43.80% 0.0949 293.74) 66.7%, oklch(45.50% 0.0907 291.60) 69.7%, oklch(47.17% 0.0861 288.95) 72.7%, oklch(48.82% 0.0804 286.41) 75.8%, oklch(50.43% 0.0739 283.46) 78.8%, oklch(52.00% 0.0676 279.33) 81.8%, oklch(53.52% 0.0620 273.27) 84.8%, oklch(55.02% 0.0575 263.95) 87.9%, oklch(56.58% 0.0536 250.73) 90.9%, oklch(58.07% 0.0502 236.18) 93.9%, oklch(59.34% 0.0475 223.04) 97.0%, oklch(60.24% 0.0455 214.02) 100.0%);

Dans ces collections

Dégradés bleu et violet

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