コンテンツへスキップ

Grabient のパレット

類似色のベージュ、オレンジと茶色の線形グラデーション

類似色のベージュ、オレンジと茶色のカラーパレット

線形グラデーション、7色、角度90°:#fdf1db, #f5d6a0, #e9af5a, #d68542, #b15f42, #733d39, #422729。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。

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

  • #fdf1db
  • #f5d6a0
  • #e9af5a
  • #d68542
  • #b15f42
  • #733d39
  • #422729

CSS

background: linear-gradient(90deg in oklch, oklch(96.06% 0.0317 82.97) 0.0%, oklch(88.95% 0.0777 80.92) 16.7%, oklch(79.13% 0.1226 74.51) 33.3%, oklch(68.92% 0.1288 58.07) 50.0%, oklch(57.48% 0.1144 39.64) 66.7%, oklch(42.74% 0.0766 25.31) 83.3%, oklch(30.71% 0.0400 15.34) 100.0%);

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

Conic gradients香りの重ねづけのカラーパレット

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