Bleu, vert et orange (trichromie) aux tons vifs en dégradé radial

Dégradé radial, 32 couleurs : #237496, #4fc09f, #a0e479, #d7ca43, #dd8118. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #237496
• #217b99
• #1f849c
• #228f9f
• #2a9ba0
• #34a6a1
• #3fafa1
• #48b8a1
• #4fc09f
• #57c89e
• #60cf9a
• #6ad596
• #75da91
• #81de8b
• #8ce185
• #96e380
• #a0e479
• #a9e373
• #b2e26b
• #bbdf62
• #c4db5a
• #ccd652
• #d2d04a
• #d7ca43
• #dbc23c
• #debb34
• #e1b12b
• #e1a722
• #e19b1a
• #e09116
• #de8815
• #dd8118

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(52.76% 0.0923 230.62) 0.0%, oklch(54.53% 0.0932 225.37) 3.2%, oklch(57.02% 0.0940 217.98) 6.5%, oklch(59.95% 0.0952 209.28) 9.7%, oklch(63.07% 0.0969 200.07) 12.9%, oklch(66.11% 0.0992 191.16) 16.1%, oklch(68.82% 0.1025 183.37) 19.4%, oklch(71.14% 0.1073 176.95) 22.6%, oklch(73.40% 0.1136 171.09) 25.8%, oklch(75.56% 0.1209 165.67) 29.0%, oklch(77.57% 0.1284 160.59) 32.3%, oklch(79.39% 0.1355 155.77) 35.5%, oklch(80.95% 0.1414 151.10) 38.7%, oklch(82.24% 0.1458 146.60) 41.9%, oklch(83.32% 0.1493 142.54) 45.2%, oklch(84.19% 0.1521 138.79) 48.4%, oklch(84.84% 0.1542 135.16) 51.6%, oklch(85.26% 0.1557 131.46) 54.8%, oklch(85.44% 0.1567 127.52) 58.1%, oklch(85.37% 0.1572 123.16) 61.3%, oklch(85.01% 0.1565 118.50) 64.5%, oklch(84.40% 0.1549 113.65) 67.7%, oklch(83.56% 0.1529 108.64) 71.0%, oklch(82.53% 0.1510 103.55) 74.2%, oklch(81.35% 0.1494 98.41) 77.4%, oklch(80.04% 0.1488 93.26) 80.6%, oklch(78.33% 0.1489 87.60) 83.9%, oklch(76.27% 0.1495 81.51) 87.1%, oklch(74.07% 0.1505 75.41) 90.3%, oklch(71.96% 0.1515 69.76) 93.5%, oklch(70.16% 0.1524 64.99) 96.8%, oklch(68.90% 0.1530 61.54) 100.0%);

Dans ces collections

Affiche de steel-drum

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