0
0
Figmabi_tool~10 mins

Radial gradient in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

This data represents the parameters for a radial gradient fill: center color, edge color, and radius.

CellValue
A1Center Color
B1Edge Color
A2#FF0000
B2#0000FF
A3Radius
B3100
Formula Trace
RadialGradient(centerColor=A2, edgeColor=B2, radius=B3)
Step 1: centerColor = #FF0000
Step 2: edgeColor = #0000FF
Step 3: radius = 100
Step 4: Create radial gradient with centerColor #FF0000, edgeColor #0000FF, radius 100
Cell Reference Map
   A       B  
1 Center Color  Edge Color 
2  #FF0000   #0000FF 
3 Radius  100 
Cells A2, B2, and B3 provide the center color, edge color, and radius for the radial gradient.
Result
[Radial Gradient Circle]
Center: #FF0000 (Red)
Edge: #0000FF (Blue)
Radius: 100 units
The radial gradient visually shows a smooth color transition from red at the center to blue at the edges within a radius of 100 units.
Sheet Trace Quiz - 3 Questions
Test your understanding
What color is at the center of the radial gradient?
A#FF0000 (Red)
B#0000FF (Blue)
C#00FF00 (Green)
D#FFFFFF (White)
Key Result
RadialGradient(centerColor=Cell, edgeColor=Cell, radius=Cell) creates a smooth color transition from center to edge.