コンテンツへスキップ

Grabient のパレット

同系色の明るい青、グレーと青の線形グラデーション

同系色の明るい青、グレーと青のカラーパレット

線形グラデーション、7色、角度90°:#d1e1ee, #cbd7e1, #bbc5cf, #97acbf, #6d8da9, #486481, #2e4460。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #d1e1ee
  • #cbd7e1
  • #bbc5cf
  • #97acbf
  • #6d8da9
  • #486481
  • #2e4460

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0248 244.69) 0.0%, oklch(87.20% 0.0190 244.69) 16.7%, oklch(81.89% 0.0179 244.69) 33.3%, oklch(73.47% 0.0361 244.09) 50.0%, oklch(62.99% 0.0551 244.69) 66.7%, oklch(49.41% 0.0574 249.44) 83.3%, oklch(38.19% 0.0551 254.20) 100.0%);

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

Blue and gray swatchesValspar 2027年のスウォッチ

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