Gray, mauve, blue and teal linear gradient

Gray, mauve, blue and teal color palette

Linear gradient, 32 colors at 225°: #9daaab, #af7a7d, #007d96, #00657a, #00495a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#9daaab
#98a8ac
#95a4b0
#979eb2
#9e96ae
#a78da3
#ad8594
#af8085
#af7a7d
#af747e
#aa6f8a
#9e6d9d
#876fb0
#6575ba
#377bb7
#007fa6
#007d96
#007b8d
#007887
#007483
#007081
#006c7f
#00697d
#00657a
#006175
#005d71
#00596c
#005568
#005163
#004e60
#004b5c
#00495a

CSS

background: linear-gradient(225deg in oklch, oklch(72.83% 0.0152 198.28) 0.0%, oklch(72.11% 0.0191 214.90) 3.2%, oklch(71.13% 0.0242 239.66) 6.5%, oklch(69.97% 0.0304 269.28) 9.7%, oklch(68.68% 0.0372 300.50) 12.9%, oklch(67.33% 0.0445 330.03) 16.1%, oklch(65.98% 0.0520 354.61) 19.4%, oklch(64.68% 0.0594 10.94) 22.6%, oklch(63.49% 0.0665 15.79) 25.8%, oklch(62.36% 0.0744 8.24) 29.0%, oklch(61.24% 0.0830 351.06) 32.3%, oklch(60.12% 0.0919 327.33) 35.5%, oklch(59.01% 0.1006 300.17) 38.7%, oklch(57.90% 0.1087 272.64) 41.9%, oklch(56.79% 0.1156 247.86) 45.2%, oklch(55.68% 0.1097 228.93) 48.4%, oklch(54.56% 0.0981 218.11) 51.6%, oklch(53.45% 0.0933 212.31) 54.8%, oklch(52.34% 0.0905 209.98) 58.1%, oklch(51.23% 0.0887 210.22) 61.3%, oklch(50.12% 0.0874 212.09) 64.5%, oklch(49.00% 0.0864 214.68) 67.7%, oklch(47.88% 0.0856 217.08) 71.0%, oklch(46.75% 0.0842 218.35) 74.2%, oklch(45.56% 0.0820 218.35) 77.4%, oklch(44.26% 0.0798 218.48) 80.6%, oklch(42.91% 0.0775 218.76) 83.9%, oklch(41.56% 0.0752 219.13) 87.1%, oklch(40.27% 0.0731 219.55) 90.3%, oklch(39.11% 0.0712 219.96) 93.5%, oklch(38.14% 0.0696 220.30) 96.8%, oklch(37.41% 0.0684 220.52) 100.0%);