コンテンツへスキップ

Grabient のパレット

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

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

線形グラデーション、7色、角度90°:#d9f0ff, #bfe4ff, #a3d5ff, #91d0fa, #83c9f4, #83aeee, #8f93e0。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #d9f0ff
  • #bfe4ff
  • #a3d5ff
  • #91d0fa
  • #83c9f4
  • #83aeee
  • #8f93e0

CSS

background: linear-gradient(90deg in oklch, oklch(94.28% 0.0317 236.33) 0.0%, oklch(90.07% 0.0535 240.75) 16.7%, oklch(85.27% 0.0786 244.24) 33.3%, oklch(83.06% 0.0876 238.12) 50.0%, oklch(80.54% 0.0932 236.54) 66.7%, oklch(74.52% 0.1039 258.16) 83.3%, oklch(69.09% 0.1127 280.74) 100.0%);

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

Light blue gradients

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