Skip to main content

Gradient

The following gradients are used in the design system.

Preview

Name

Value

primary-to-right

radial-gradient(150% 150% at -20% 10%, #FF4203 15%, transparent 85%)

primary-to-left

radial-gradient(150% 150% at 120% 10%, #FF4203 15%, transparent 85%)

primary-fade-out

linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 100%)

dark-to-right

linear-gradient(90deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0.48) 64%, rgba(113, 55, 46, 0.24) 86.39%, rgba(224, 32, 3, 0.12) 94%, rgba(239, 192, 24, 0) 100%), linear-gradient(28.28deg, rgba(0, 0, 0, 0.6144) 0%, rgba(0, 0, 0, 0.512) 31.59%, rgba(0, 0, 0, 0.3584) 43.06%, rgba(113, 55, 46, 0.1536) 63.15%, rgba(239, 192, 24, 0) 76.88%)