Negro y gris en degradado angular

Degradado angular, 32 colores a 315°: #12151c, #313841, #747e89, #adb3b9, #23282f. Edita y exporta CSS, SVG, PNG o un shader.

7 fotogramas clave OKLCH editables.

#12151c
#14181e
#181b22
#1c2027
#20242c
#242931
#282e36
#2c333b
#313841
#353d47
#3b444e
#424b55
#48525d
#4f5a65
#58636f
#646f7a
#747e89
#8c969f
#aab2b9
#c6cbd0
#d8dcdf
#dadde0
#c9cdd2
#adb3b9
#8c949c
#6f7782
#5a626d
#4a525d
#3d444e
#323841
#292f37
#23282f

CSS

background: conic-gradient(from 315deg in oklch, oklch(19.69% 0.0138 264.37) 0.0%, oklch(20.79% 0.0141 263.53) 3.2%, oklch(22.32% 0.0146 262.33) 6.5%, oklch(24.13% 0.0151 260.94) 9.7%, oklch(26.09% 0.0158 259.52) 12.9%, oklch(28.03% 0.0164 258.23) 16.1%, oklch(29.88% 0.0172 257.10) 19.4%, oklch(31.72% 0.0180 256.00) 22.6%, oklch(33.64% 0.0189 254.93) 25.8%, oklch(35.74% 0.0198 253.94) 29.0%, oklch(38.11% 0.0205 253.03) 32.3%, oklch(40.73% 0.0211 252.24) 35.5%, oklch(43.36% 0.0219 251.57) 38.7%, oklch(46.22% 0.0227 250.99) 41.9%, oklch(49.54% 0.0230 250.44) 45.2%, oklch(53.56% 0.0226 249.88) 48.4%, oklch(58.85% 0.0210 249.23) 51.6%, oklch(66.80% 0.0176 248.34) 54.8%, oklch(75.83% 0.0133 247.41) 58.1%, oklch(83.98% 0.0091 246.65) 61.3%, oklch(89.23% 0.0062 246.30) 64.5%, oklch(89.65% 0.0056 246.60) 67.7%, oklch(84.73% 0.0077 247.65) 71.0%, oklch(76.28% 0.0114 249.21) 74.2%, oklch(66.26% 0.0155 250.99) 77.4%, oklch(56.65% 0.0191 252.68) 80.6%, oklch(49.39% 0.0208 253.99) 83.9%, oklch(43.64% 0.0207 255.06) 87.1%, oklch(38.46% 0.0195 256.02) 90.3%, oklch(33.96% 0.0178 256.85) 93.5%, oklch(30.29% 0.0162 257.53) 96.8%, oklch(27.56% 0.0152 258.03) 100.0%);

En estas colecciones

Paleta de colores plateado