Bleu canard, vert, bleu et violet aux tons froids en dégradé linéaire
Dégradé linéaire, 64 couleurs à 135° : #2f9c9f, #a3d6b4, #4885a5, #414a83, #75c4a6. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #2f9c9f
- #339e9f
- #39a0a0
- #3fa3a0
- #46a7a1
- #4eaba2
- #56afa3
- #5fb4a5
- #68b8a6
- #71bda7
- #79c1a9
- #82c5ab
- #8ac9ad
- #91cdaf
- #98d0b1
- #9ed3b3
- #a3d6b4
- #a6d8b6
- #a8d9b7
- #a9d9b8
- #a8d9b9
- #a6d8b9
- #a1d6b9
- #9bd2b8
- #92cdb7
- #88c7b6
- #7cc0b4
- #71b8b3
- #66afb1
- #5ba5af
- #539bac
- #4c90a9
- #4885a5
- #457aa0
- #456f9a
- #456594
- #455b8e
- #455288
- #454b81
- #45447c
- #453f78
- #453c75
- #453b73
- #443b74
- #443c76
- #434079
- #43447e
- #414a83
- #405089
- #3d588f
- #3a6194
- #376a99
- #34739e
- #317da2
- #3087a5
- #3290a7
- #3799a8
- #3fa2a8
- #48aaa8
- #52b1a8
- #5db7a8
- #66bca7
- #6ec0a7
- #75c4a6
CSS
background: linear-gradient(135deg in oklch, oklch(63.39% 0.0951 197.58) 0.0%, oklch(63.99% 0.0943 196.35) 1.6%, oklch(64.81% 0.0933 194.61) 3.2%, oklch(65.81% 0.0921 192.44) 4.8%, oklch(66.97% 0.0908 189.91) 6.3%, oklch(68.26% 0.0893 187.07) 7.9%, oklch(69.65% 0.0876 184.01) 9.5%, oklch(71.11% 0.0859 180.79) 11.1%, oklch(72.63% 0.0842 177.47) 12.7%, oklch(74.16% 0.0824 174.14) 14.3%, oklch(75.68% 0.0806 170.85) 15.9%, oklch(77.16% 0.0788 167.68) 17.5%, oklch(78.58% 0.0770 164.69) 19.0%, oklch(79.91% 0.0753 161.95) 20.6%, oklch(81.12% 0.0737 159.54) 22.2%, oklch(82.18% 0.0723 157.51) 23.8%, oklch(83.06% 0.0710 155.95) 25.4%, oklch(83.74% 0.0698 154.91) 27.0%, oklch(84.18% 0.0689 154.47) 28.6%, oklch(84.37% 0.0682 154.70) 30.2%, oklch(84.27% 0.0677 155.66) 31.7%, oklch(83.86% 0.0675 157.42) 33.3%, oklch(83.04% 0.0676 160.27) 34.9%, oklch(81.80% 0.0680 164.33) 36.5%, oklch(80.16% 0.0687 169.47) 38.1%, oklch(78.19% 0.0696 175.56) 39.7%, oklch(75.92% 0.0707 182.45) 41.3%, oklch(73.41% 0.0720 190.00) 42.9%, oklch(70.71% 0.0734 198.09) 44.4%, oklch(67.85% 0.0749 206.56) 46.0%, oklch(64.90% 0.0766 215.29) 47.6%, oklch(61.89% 0.0783 224.13) 49.2%, oklch(58.88% 0.0800 232.95) 50.8%, oklch(55.91% 0.0818 241.61) 52.4%, oklch(53.03% 0.0835 249.97) 54.0%, oklch(50.29% 0.0852 257.89) 55.6%, oklch(47.74% 0.0869 265.24) 57.1%, oklch(45.41% 0.0884 271.87) 58.7%, oklch(43.37% 0.0898 277.65) 60.3%, oklch(41.66% 0.0911 282.45) 61.9%, oklch(40.33% 0.0922 286.11) 63.5%, oklch(39.42% 0.0931 288.52) 65.1%, oklch(38.98% 0.0937 289.52) 66.7%, oklch(39.01% 0.0942 289.07) 68.3%, oklch(39.46% 0.0945 287.33) 69.8%, oklch(40.29% 0.0947 284.40) 71.4%, oklch(41.46% 0.0947 280.41) 73.0%, oklch(42.93% 0.0947 275.48) 74.6%, oklch(44.66% 0.0946 269.74) 76.2%, oklch(46.62% 0.0944 263.29) 77.8%, oklch(48.76% 0.0942 256.27) 79.4%, oklch(51.05% 0.0938 248.80) 81.0%, oklch(53.45% 0.0935 241.00) 82.5%, oklch(55.92% 0.0931 232.98) 84.1%, oklch(58.42% 0.0926 224.88) 85.7%, oklch(60.91% 0.0922 216.81) 87.3%, oklch(63.36% 0.0918 208.89) 88.9%, oklch(65.72% 0.0913 201.25) 90.5%, oklch(67.96% 0.0909 194.00) 92.1%, oklch(70.04% 0.0905 187.28) 93.7%, oklch(71.92% 0.0902 181.19) 95.2%, oklch(73.57% 0.0899 175.87) 96.8%, oklch(74.93% 0.0897 171.43) 98.4%, oklch(75.98% 0.0896 167.99) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
