LUXURY PINK GOLD

Premium Gradient Collection

Premium Gradients

Luxury Metal
linear-gradient(135deg, #B76E79 0%, #D4A76A 35%, #F7E7CE 50%, #D4A76A 65%, #B76E79 100%)
Champagne Gold
linear-gradient(45deg, #8B6F70, #B76E79, #F7E7CE, #D4A76A, #8B6F70)
Satin Finish
linear-gradient(90deg, #B76E79, #C9707A, #D4A76A, #E8B4B8, #D4A76A, #B76E79)

Angle Variations

45° Dynamic
linear-gradient(45deg, #B76E79, #F7E7CE, #D4A76A)
90° Horizontal
linear-gradient(90deg, #B76E79, #F7E7CE, #D4A76A)
135° Elegant
linear-gradient(135deg, #B76E79, #F7E7CE, #D4A76A)
180° Vertical
linear-gradient(180deg, #F7E7CE, #D4A76A, #B76E79)
Radial Premium
radial-gradient(circle at 30% 30%, #F7E7CE, #E8B4B8, #D4A76A, #B76E79)
Radial Center
radial-gradient(circle, #FFF8DC, #F7E7CE, #D4A76A, #B76E79)

Animated Effects

Ultimate Luxury Shimmer
Animated: 110deg gradient with shimmer effect
Wave Animation
Animated: Moving wave gradient
Rotating Gradient
Animated: Conic rotation effect

Purpose-Specific Designs

LOGO
ブランディング用
CARD
証明書・カード用
BUTTON
CTA・ボタン用
BG
背景・大面積用

Professional Techniques

複数レイヤーの重ね合わせ
Multi-Layer Effect
background: 
  linear-gradient(135deg, rgba(247,231,206,0.3), transparent),
  linear-gradient(45deg, #B76E79, #D4A76A);
ノイズテクスチャの追加
Noise Texture
background: 
  url('noise.svg'),
  linear-gradient(135deg, #B76E79, #F7E7CE, #D4A76A);
ボックスシャドウとの組み合わせ
Shadow Depth
background: linear-gradient(135deg, #B76E79, #D4A76A);
box-shadow: 
  inset 0 1px 0 rgba(255,255,255,0.4),
  inset 0 -1px 0 rgba(0,0,0,0.1),
  0 10px 40px rgba(183,110,121,0.3);

Implementation Examples

•••• •••• •••• ••••
Cardholder Name
LUXURY GOLD
Glowing Effect
Premium Quality