{"model":"oklch-keyframes-v1","seed":"kUoGa4pZy_XULOzYKUKg","kseed":"kUoGa4pZy_XULOzYKUKg","title":"Blue tonal bands","name":"Monochrome blue and navy","spec":{"anchors":[{"l":0.63,"c":0.141,"h":259.5},{"l":0.295,"c":0.079,"h":254.2},{"l":0.921,"c":0.03,"h":214},{"l":0.693,"c":0.113,"h":237.3}]},"style":"linearSwatches","steps":4,"angle":180,"classes":["monochrome"],"kinds":["cool","monochrome"],"harmony":"analogous","colors":["#5388dd","#0b2d53","#cfebf1","#4ea6d9"],"names":["Blue Jay","Dark Tyrian Blue","Chalky Blue White","Blue Astro"],"contrast":{"text":["#000000","#ffffff","#000000","#000000"],"ratios":[5.9,13.9,16.7,7.7],"ends":11.1},"p3":false,"css":{"hex":"background: linear-gradient(180deg, #5388dd 0.000% 25.000%, #0b2d53 25.000% 50.000%, #cfebf1 50.000% 75.000%, #4ea6d9 75.000% 100.000%);","oklch":"background: linear-gradient(180deg, oklch(62.99% 0.1406 259.45) 0.000% 25.000%, oklch(29.53% 0.0785 254.17) 25.000% 50.000%, oklch(92.13% 0.0303 214.01) 50.000% 75.000%, oklch(69.29% 0.1130 237.26) 75.000% 100.000%);"},"url":"https://grabient.com/kUoGa4pZy_XULOzYKUKg?style=linearSwatches&steps=4&angle=180","links":{"editor":"https://grabient.com/kUoGa4pZy_XULOzYKUKg?style=linearSwatches&steps=4&angle=180","json":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.json?style=linearSwatches&steps=4&angle=180","png":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.png?style=linearSwatches&steps=4&angle=180","svg":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.svg?style=linearSwatches&steps=4&angle=180","css":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.css?style=linearSwatches&steps=4&angle=180","ase":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.ase?style=linearSwatches&steps=4&angle=180","gpl":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.gpl?style=linearSwatches&steps=4&angle=180","grd":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.grd?style=linearSwatches&steps=4&angle=180","tokens":"https://grabient.com/kUoGa4pZy_XULOzYKUKg.tokens.json?style=linearSwatches&steps=4&angle=180","og":"https://grabient.com/api/og?seed=kUoGa4pZy_XULOzYKUKg&style=linearSwatches&steps=4&angle=180"}}