{"id":25947208,"url":"https://github.com/mukuljainx/gradientservice","last_synced_at":"2026-04-10T23:13:30.275Z","repository":{"id":75330485,"uuid":"62992228","full_name":"mukuljainx/gradientService","owner":"mukuljainx","description":"gradientService for Angular 1 built on top of tinyColor and tinyGradient","archived":false,"fork":false,"pushed_at":"2016-07-10T09:54:16.000Z","size":19,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-08T12:45:24.459Z","etag":null,"topics":["angular1","javascript","tinycolor"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mukuljainx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2016-07-10T09:49:41.000Z","updated_at":"2017-07-29T08:59:35.000Z","dependencies_parsed_at":"2023-06-06T03:45:36.054Z","dependency_job_id":null,"html_url":"https://github.com/mukuljainx/gradientService","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mukuljainx/gradientService","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukuljainx%2FgradientService","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukuljainx%2FgradientService/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukuljainx%2FgradientService/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukuljainx%2FgradientService/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mukuljainx","download_url":"https://codeload.github.com/mukuljainx/gradientService/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukuljainx%2FgradientService/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279008830,"owners_count":26084516,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-11T02:00:06.511Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular1","javascript","tinycolor"],"created_at":"2025-03-04T10:18:42.302Z","updated_at":"2025-10-11T21:18:26.866Z","avatar_url":"https://github.com/mukuljainx.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### About\nService Generates gradient strips between two colors.\n\nBuilt on top of [TinyColor](https://github.com/bgrins/TinyColor) and [TinyGradient](https://github.com/mistic100/tinygradient)\n\n### How to use\nIncule `gradientService` in app.\n\n##### Exposed Functions\nReturns an array of color in hex format.\n```\ngradientService.HSVGradient(color1,color2,no_of_slices)\nor\ngradientService.HSVGradient(color1,midcolor,color2,no_of_slices)\n```\n\nand\n\n```\ngradientService.RGBGradient(color1,color2,no_of_slices)\nor\ngradientService.RGBGradient(color1,midcolor,color2,no_of_slices)\n```\n\n### Features\n\n- Colors can be passed in any format (thanks to tinycolor)\n    - rgb\n    - rgba\n    - hex\n    - even by name\n- Positon can be given to middle color (Coming soon)\n\n### Example\n```\ncolorsHSV = gradientService.HSVGradient([\n\t\t\t  '#ff0000',\n\t\t\t  '#fff',\n\t\t\t],10);\n```\ncolorHSV :  `[\"#ff0000\",\"#ff1c1c\",\"#ff3939\",\"#ff5555\",\"#ff7171\",\"#ff8e8e\",\"#ffaaaa\",\"#ffc6c6\",\"#ffe3e3\",\"#ffffff\"]`\n![example](https://raw.githubusercontent.com/jainmukul/gradientService/master/red.png)\n\n\n\n```\ncolorsRGB = gradientService.RGBGradient([\n\t\t\t  '#ff0000',\n\t\t\t  '#fff',\n\t\t\t],10);\n```\ncolorRGB : `[\"#ff0000\",\"#ff1c1c\",\"#ff3939\",\"#ff5555\",\"#ff7171\",\"#ff8e8e\",\"#ffaaaa\",\"#ffc6c6\",\"#ffe3e3\",\"#ffffff\"]`\n\n![example](https://raw.githubusercontent.com/jainmukul/gradientService/master/red.png)\n\n\n```\ncolorsHSV = gradientService.HSVGradient([\n\t\t\t  '#F44336',\n\t\t\t  '#4CAF50',\n\t\t\t],10);\n```\ncolorHSV :  `[\"#f44336\",\"#ec6d3a\",\"#e5923d\",\"#ddb241\",\"#d5cd43\",\"#b7ce46\",\"#96c648\",\"#78be4a\",\"#5eb74b\",\"#4caf50\"]`\n![HSV](https://raw.githubusercontent.com/jainmukul/gradientService/master/hsv.png)\n\n```\ncolorsRGB = gradientService.RGBGradient([\n\t\t\t  '#F44336',\n\t\t\t  '#4CAF50',\n\t\t\t],10);\n```\ncolorRGB : `[\"#f44336\",\"#e14f39\",\"#cf5b3c\",\"#bc673f\",\"#a97342\",\"#977f44\",\"#848b47\",\"#71974a\",\"#5fa34d\",\"#4caf50\"]`\n![RGB](https://raw.githubusercontent.com/jainmukul/gradientService/master/rgb.png)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmukuljainx%2Fgradientservice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmukuljainx%2Fgradientservice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmukuljainx%2Fgradientservice/lists"}