コンテンツへスキップ

Grabient のパレット

パステル調の同系色のグレーから青の線形グラデーション

パステル調の同系色のグレーから青のカラーパレット

線形グラデーション、7色、角度90°:#eef6fb, #dcecf6, #c6def1, #b1d0eb, #a3c4e8, #acc2ed, #b9c3f2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

編集できる OKLCH キーフレーム4個。

  • #eef6fb
  • #dcecf6
  • #c6def1
  • #b1d0eb
  • #a3c4e8
  • #acc2ed
  • #b9c3f2

CSS

background: linear-gradient(90deg in oklch, oklch(96.86% 0.0108 234.82) 0.0%, oklch(93.37% 0.0222 237.76) 16.7%, oklch(88.88% 0.0367 241.83) 33.3%, oklch(84.26% 0.0508 245.23) 50.0%, oklch(80.84% 0.0623 250.83) 66.7%, oklch(81.19% 0.0663 263.70) 83.3%, oklch(82.54% 0.0670 275.45) 100.0%);

このパレットを含むコレクション

Light blue gradients

似たパレットコレクションPNG をダウンロードパレットの JSONMarkdownしくみ