{"model":"oklch-keyframes-v1","seed":"kWSht5UjG-W86OPQx7fpx02A","kseed":"kWSht5UjG-W86OPQx7fpx02A","title":"Forest Signal Color Bars","name":"Dark green, yellow, red and purple","spec":{"anchors":[{"l":0.291,"c":0.037,"h":170.2},{"l":0.646,"c":0.136,"h":156.4},{"l":0.874,"c":0.16,"h":97.2},{"l":0.634,"c":0.197,"h":29.6},{"l":0.307,"c":0.08,"h":-53.9}]},"style":"linearSwatches","steps":5,"angle":180,"classes":["diverging","vivid"],"kinds":["light center","vivid","multicolor"],"harmony":"wide","colors":["#173229","#31a66a","#f3d543","#e94b3b","#3a234f"],"names":["Intense Green","Greenish","Banana Drama","Mandarin Red","Powerful Violet"],"contrast":{"text":["#ffffff","#000000","#000000","#000000","#ffffff"],"ratios":[13.8,6.7,14.4,5.5,13.7],"ends":9.4},"p3":false,"css":{"hex":"background: linear-gradient(180deg, #173229 0.000% 20.000%, #31a66a 20.000% 40.000%, #f3d543 40.000% 60.000%, #e94b3b 60.000% 80.000%, #3a234f 80.000% 100.000%);","oklch":"background: linear-gradient(180deg, oklch(29.13% 0.0372 170.16) 0.000% 20.000%, oklch(64.57% 0.1364 156.42) 20.000% 40.000%, oklch(87.40% 0.1598 97.24) 40.000% 60.000%, oklch(63.39% 0.1970 29.61) 60.000% 80.000%, oklch(30.71% 0.0799 306.12) 80.000% 100.000%);"},"url":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A?style=linearSwatches&steps=5&angle=180","links":{"editor":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A?style=linearSwatches&steps=5&angle=180","json":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.json?style=linearSwatches&steps=5&angle=180","png":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.png?style=linearSwatches&steps=5&angle=180","svg":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.svg?style=linearSwatches&steps=5&angle=180","css":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.css?style=linearSwatches&steps=5&angle=180","ase":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.ase?style=linearSwatches&steps=5&angle=180","gpl":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.gpl?style=linearSwatches&steps=5&angle=180","grd":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.grd?style=linearSwatches&steps=5&angle=180","tokens":"https://grabient.com/kWSht5UjG-W86OPQx7fpx02A.tokens.json?style=linearSwatches&steps=5&angle=180","og":"https://grabient.com/api/og?seed=kWSht5UjG-W86OPQx7fpx02A&style=linearSwatches&steps=5&angle=180"}}