Flat ui, color palette & gradient for web design

grey
Hex: #616161
RGB: [ 97, 97, 97 ]
HSL: 0% , 0% , 38%

Main color

+0
#hsla(0, 0% , 38%, 0)
0%
+1
#hsla(0, 0% , 38%, 0.03)
4%
+2
#hsla(0, 0% , 38%, 0.06)
7%
+3
#hsla(0, 0% , 38%, 0.09)
10%
+4
#hsla(0, 0% , 38%, 0.12)
14%
+5
#hsla(0, 0% , 38%, 0.15)
17%
+6
#hsla(0, 0% , 38%, 0.18)
20%
+7
#hsla(0, 0% , 38%, 0.21)
24%
+8
#hsla(0, 0% , 38%, 0.24)
27%
+9
#hsla(0, 0% , 38%, 0.27)
30%
+10
#hsla(0, 0% , 38%, 0.3)
33%
+11
#hsla(0, 0% , 38%, 0.33)
37%
+12
#hsla(0, 0% , 38%, 0.36)
40%
+13
#hsla(0, 0% , 38%, 0.39)
43%
+14
#hsla(0, 0% , 38%, 0.42)
47%
+15
#hsla(0, 0% , 38%, 0.45)
50%
+16
#hsla(0, 0% , 38%, 0.48)
53%
+17
#hsla(0, 0% , 38%, 0.51)
57%
+18
#hsla(0, 0% , 38%, 0.54)
60%
+19
#hsla(0, 0% , 38%, 0.57)
63%
+20
#hsla(0, 0% , 38%, 0.6)
66%
+21
#hsla(0, 0% , 38%, 0.63)
70%
+22
#hsla(0, 0% , 38%, 0.66)
73%
+23
#hsla(0, 0% , 38%, 0.69)
76%
+24
#hsla(0, 0% , 38%, 0.72)
80%
+25
#hsla(0, 0% , 38%, 0.75)
83%
+26
#hsla(0, 0% , 38%, 0.78)
86%
+27
#hsla(0, 0% , 38%, 0.81)
90%
+28
#hsla(0, 0% , 38%, 0.84)
93%
+29
#hsla(0, 0% , 38%, 0.87)
96%
+30
#hsla(0, 0% , 38%, 0.9)
99%

Complementary color

+0
#hsla(0, 0% , 62%, 0)
0%
+1
#hsla(0, 0% , 62%, 0.03)
4%
+2
#hsla(0, 0% , 62%, 0.06)
7%
+3
#hsla(0, 0% , 62%, 0.09)
10%
+4
#hsla(0, 0% , 62%, 0.12)
14%
+5
#hsla(0, 0% , 62%, 0.15)
17%
+6
#hsla(0, 0% , 62%, 0.18)
20%
+7
#hsla(0, 0% , 62%, 0.21)
24%
+8
#hsla(0, 0% , 62%, 0.24)
27%
+9
#hsla(0, 0% , 62%, 0.27)
30%
+10
#hsla(0, 0% , 62%, 0.3)
33%
+11
#hsla(0, 0% , 62%, 0.33)
37%
+12
#hsla(0, 0% , 62%, 0.36)
40%
+13
#hsla(0, 0% , 62%, 0.39)
43%
+14
#hsla(0, 0% , 62%, 0.42)
47%
+15
#hsla(0, 0% , 62%, 0.45)
50%
+16
#hsla(0, 0% , 62%, 0.48)
53%
+17
#hsla(0, 0% , 62%, 0.51)
57%
+18
#hsla(0, 0% , 62%, 0.54)
60%
+19
#hsla(0, 0% , 62%, 0.57)
63%
+20
#hsla(0, 0% , 62%, 0.6)
66%
+21
#hsla(0, 0% , 62%, 0.63)
70%
+22
#hsla(0, 0% , 62%, 0.66)
73%
+23
#hsla(0, 0% , 62%, 0.69)
76%
+24
#hsla(0, 0% , 62%, 0.72)
80%
+25
#hsla(0, 0% , 62%, 0.75)
83%
+26
#hsla(0, 0% , 62%, 0.78)
86%
+27
#hsla(0, 0% , 62%, 0.81)
90%
+28
#hsla(0, 0% , 62%, 0.84)
93%
+29
#hsla(0, 0% , 62%, 0.87)
96%
+30
#hsla(0, 0% , 62%, 0.9)
99%