Cool gray linear gradient

Linear gradient, 64 colors at 45°: #48555a, #78898e, #9fb4bb, #818f9c, #5c5d6e. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#48555a
#4a575c
#4c595e
#4e5b60
#505d62
#526065
#556368
#58666b
#5b6a6f
#5e6d72
#627176
#65757a
#69797e
#6d7d82
#718186
#74858a
#78898e
#7c8d92
#809196
#83959a
#87999e
#8a9da2
#8da0a6
#90a4a9
#93a7ac
#96aaaf
#98acb2
#9aafb4
#9cb0b6
#9db2b8
#9eb3ba
#9fb4ba
#9fb4bb
#9fb4bb
#9fb3bb
#9eb2ba
#9cb0b9
#9baeb7
#99acb6
#97aab4
#95a7b2
#92a4af
#90a1ac
#8d9da9
#8a9aa6
#8796a3
#8492a0
#818f9c
#7e8b99
#7b8795
#788392
#757f8e
#727b8b
#707887
#6d7484
#6a7181
#686e7e
#656b7b
#636878
#616575
#5f6373
#5e6171
#5d5f6f
#5c5d6e

CSS

background: linear-gradient(45deg in oklch, oklch(44.09% 0.0179 222.89) 0.0%, oklch(44.65% 0.0180 222.81) 1.6%, oklch(45.33% 0.0182 222.66) 3.2%, oklch(46.11% 0.0183 222.45) 4.8%, oklch(46.98% 0.0185 222.20) 6.3%, oklch(47.95% 0.0187 221.89) 7.9%, oklch(48.99% 0.0189 221.55) 9.5%, oklch(50.10% 0.0191 221.18) 11.1%, oklch(51.28% 0.0193 220.78) 12.7%, oklch(52.51% 0.0195 220.37) 14.3%, oklch(53.78% 0.0198 219.94) 15.9%, oklch(55.09% 0.0200 219.50) 17.5%, oklch(56.43% 0.0203 219.07) 19.0%, oklch(57.79% 0.0205 218.64) 20.6%, oklch(59.15% 0.0208 218.22) 22.2%, oklch(60.52% 0.0211 217.82) 23.8%, oklch(61.88% 0.0213 217.45) 25.4%, oklch(63.22% 0.0216 217.11) 27.0%, oklch(64.54% 0.0219 216.81) 28.6%, oklch(65.83% 0.0221 216.55) 30.2%, oklch(67.08% 0.0224 216.35) 31.7%, oklch(68.27% 0.0227 216.20) 33.3%, oklch(69.41% 0.0229 216.11) 34.9%, oklch(70.47% 0.0232 216.10) 36.5%, oklch(71.47% 0.0234 216.16) 38.1%, oklch(72.37% 0.0236 216.31) 39.7%, oklch(73.18% 0.0238 216.54) 41.3%, oklch(73.89% 0.0240 216.87) 42.9%, oklch(74.49% 0.0242 217.31) 44.4%, oklch(74.97% 0.0244 217.85) 46.0%, oklch(75.32% 0.0246 218.51) 47.6%, oklch(75.54% 0.0247 219.28) 49.2%, oklch(75.61% 0.0249 220.20) 50.8%, oklch(75.53% 0.0250 221.28) 52.4%, oklch(75.33% 0.0251 222.54) 54.0%, oklch(75.00% 0.0252 223.96) 55.6%, oklch(74.55% 0.0253 225.52) 57.1%, oklch(73.99% 0.0254 227.22) 58.7%, oklch(73.34% 0.0255 229.05) 60.3%, oklch(72.59% 0.0255 230.98) 61.9%, oklch(71.76% 0.0256 233.01) 63.5%, oklch(70.85% 0.0257 235.14) 65.1%, oklch(69.87% 0.0257 237.33) 66.7%, oklch(68.84% 0.0258 239.59) 68.3%, oklch(67.76% 0.0258 241.91) 69.8%, oklch(66.63% 0.0259 244.26) 71.4%, oklch(65.47% 0.0259 246.64) 73.0%, oklch(64.28% 0.0259 249.04) 74.6%, oklch(63.07% 0.0259 251.44) 76.2%, oklch(61.85% 0.0260 253.84) 77.8%, oklch(60.64% 0.0260 256.21) 79.4%, oklch(59.43% 0.0260 258.56) 81.0%, oklch(58.23% 0.0260 260.86) 82.5%, oklch(57.06% 0.0260 263.11) 84.1%, oklch(55.92% 0.0260 265.29) 85.7%, oklch(54.82% 0.0261 267.39) 87.3%, oklch(53.76% 0.0261 269.40) 88.9%, oklch(52.77% 0.0261 271.31) 90.5%, oklch(51.83% 0.0261 273.11) 92.1%, oklch(50.97% 0.0261 274.77) 93.7%, oklch(50.19% 0.0261 276.31) 95.2%, oklch(49.50% 0.0261 277.69) 96.8%, oklch(48.91% 0.0262 278.91) 98.4%, oklch(48.43% 0.0262 279.96) 100.0%);

In these collections

Monochrome blue gradients Cool gray gradients