Langsung ke konten

Palet Grabient

Biru dongker, hijau toska, biru, dan putih gading (analog), gradien linear

Palet warna Biru dongker, hijau toska, biru, dan putih gading (analog)

Gradien linear, 32 warna dengan sudut 90°: #172944, #1b8764, #008292, #4c86aa, #e1f0d8. Edit dan ekspor CSS, SVG, PNG, atau shader.

4 keyframe OKLCH yang dapat diedit.

  • #172944
  • #152f4a
  • #103953
  • #01455c
  • #005261
  • #005f65
  • #006e68
  • #007c67
  • #1b8764
  • #329061
  • #3f9660
  • #3f9a64
  • #319a6b
  • #079877
  • #009283
  • #008a8b
  • #008292
  • #007a9a
  • #1a729e
  • #306d9e
  • #3b6c9e
  • #4270a1
  • #4679a5
  • #4c86aa
  • #5595ae
  • #65a6b2
  • #7ab6b6
  • #92c5bb
  • #abd3c1
  • #c2dfc8
  • #d4e9d1
  • #e1f0d8

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.0551 258.05) 0.0%, oklch(30.02% 0.0591 251.19) 3.2%, oklch(32.90% 0.0647 241.32) 6.5%, oklch(36.37% 0.0715 229.25) 9.7%, oklch(40.25% 0.0714 215.87) 12.9%, oklch(44.33% 0.0754 201.92) 16.1%, oklch(48.39% 0.0841 188.30) 19.4%, oklch(52.25% 0.0978 175.84) 22.6%, oklch(55.70% 0.1089 165.39) 25.8%, oklch(58.54% 0.1142 157.76) 29.0%, oklch(60.56% 0.1178 153.79) 32.3%, oklch(61.56% 0.1195 154.46) 35.5%, oklch(61.50% 0.1199 160.13) 38.7%, oklch(60.61% 0.1192 169.73) 41.9%, oklch(59.15% 0.1059 182.11) 45.2%, oklch(57.35% 0.0977 196.15) 48.4%, oklch(55.46% 0.0962 210.70) 51.6%, oklch(53.74% 0.1015 224.61) 54.8%, oklch(52.42% 0.1046 236.72) 58.1%, oklch(51.75% 0.1005 245.93) 61.3%, oklch(51.98% 0.0964 251.09) 64.5%, oklch(53.35% 0.0923 251.10) 67.7%, oklch(55.93% 0.0874 246.18) 71.0%, oklch(59.48% 0.0817 237.30) 74.2%, oklch(63.76% 0.0754 225.39) 77.4%, oklch(68.54% 0.0688 211.34) 80.6%, oklch(73.55% 0.0621 196.08) 83.9%, oklch(78.57% 0.0555 180.51) 87.1%, oklch(83.34% 0.0494 165.54) 90.3%, oklch(87.61% 0.0439 152.08) 93.5%, oklch(91.15% 0.0393 141.05) 96.8%, oklch(93.70% 0.0358 133.35) 100.0%);

Ada di koleksi berikut

Mekar pertama jacarandaBiru toskaGradien multiwarna hijauGradien biru dan hijau

Palet serupaKoleksiUnduh PNGJSON paletMarkdownCara kerjanya