Beige, jaune, pêche et rose aux tons chauds en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #fff9d1, #fdee7c, #ffc968, #fc9c63, #f0616e. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #fff9d1
• #fff8cb
• #fff7c3
• #fff6b9
• #fff5ad
• #fff4a0
• #fef295
• #fef088
• #fdee7c
• #feeb71
• #fee767
• #ffe360
• #ffdf62
• #ffda64
• #ffd566
• #ffcf68
• #ffc968
• #ffc368
• #ffbd67
• #ffb765
• #feb167
• #fdab66
• #fca465
• #fc9c63
• #fb9462
• #fa8b62
• #f98363
• #f77a65
• #f67267
• #f46b69
• #f2656c
• #f0616e

CSS

background: linear-gradient(90deg in oklch, oklch(97.64% 0.0514 99.86) 0.0%, oklch(97.34% 0.0580 99.95) 3.2%, oklch(97.00% 0.0669 100.27) 6.5%, oklch(96.60% 0.0780 100.73) 9.7%, oklch(96.16% 0.0912 101.22) 12.9%, oklch(95.66% 0.1042 101.64) 16.1%, oklch(95.11% 0.1154 101.90) 19.4%, oklch(94.51% 0.1260 101.90) 22.6%, oklch(93.85% 0.1355 101.55) 25.8%, oklch(93.15% 0.1433 100.74) 29.0%, oklch(92.39% 0.1489 99.38) 32.3%, oklch(91.57% 0.1513 97.39) 35.5%, oklch(90.69% 0.1464 94.81) 38.7%, oklch(89.73% 0.1410 91.73) 41.9%, oklch(88.72% 0.1362 88.24) 45.2%, oklch(87.65% 0.1324 84.42) 48.4%, oklch(86.55% 0.1298 80.36) 51.6%, oklch(85.41% 0.1283 76.14) 54.8%, oklch(84.25% 0.1281 71.86) 58.1%, oklch(83.07% 0.1289 67.59) 61.3%, oklch(81.89% 0.1278 63.42) 64.5%, oklch(80.70% 0.1287 59.40) 67.7%, oklch(79.39% 0.1313 55.10) 71.0%, oklch(77.98% 0.1352 50.46) 74.2%, oklch(76.49% 0.1402 45.63) 77.4%, oklch(74.97% 0.1459 40.74) 80.6%, oklch(73.47% 0.1519 35.91) 83.9%, oklch(72.03% 0.1580 31.28) 87.1%, oklch(70.69% 0.1638 26.99) 90.3%, oklch(69.50% 0.1690 23.16) 93.5%, oklch(68.49% 0.1733 19.92) 96.8%, oklch(67.72% 0.1764 17.42) 100.0%);

Dans ces collections

Dégradés radiaux

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