angular-color-interpolator
Version:
Angular provider for color interpolation.
18 lines (15 loc) • 1.24 kB
JavaScript
var lightenSamples = {
'#3f83a3': ['#3f83a3', '#528fac', '#659cb5', '#79a8bf', '#8cb5c8', '#9fc1d1', '#b2cdda', '#c5dae3', '#d9e6ed', '#ecf3f6', '#ffffff'],
'#f48000': ['#f48000', '#f58d1a', '#f69933', '#f7a64d', '#f8b366', '#fac080', '#fbcc99', '#fcd9b3', '#fde6cc', '#fef2e6', '#ffffff'],
'rgb(63, 131, 163)': ['rgb(63, 131, 163)', 'rgb(82, 143, 172)', 'rgb(101, 156, 181)', 'rgb(121, 168, 191)', 'rgb(140, 181, 200)', 'rgb(159, 193, 209)', 'rgb(178, 205, 218)', 'rgb(197, 218, 227)', 'rgb(217, 230, 237)', 'rgb(236, 243, 246)', 'rgb(255, 255, 255)']
};
var darkenSamples = {
'#3f83a3': ['#3f83a3', '#397693', '#326982', '#2c5c72', '#264f62', '#204252', '#193441', '#132731', '#0d1a21', '#060d10', '#000000'],
'#f48000': ['#f48000', '#dc7300', '#c36600', '#ab5a00', '#924d00', '#7a4000', '#623300', '#492600', '#311a00', '#180d00', '#000000'],
'rgb(63, 131, 163)': ['rgb(63, 131, 163)', 'rgb(57, 118, 147)', 'rgb(50, 105, 130)', 'rgb(44, 92, 114)', 'rgb(38, 79, 98)', 'rgb(32, 66, 82)', 'rgb(25, 52, 65)', 'rgb(19, 39, 49)', 'rgb(13, 26, 33)', 'rgb(6, 13, 16)', 'rgb(0, 0, 0)']
};
var colorMappings = {
'#3f83a3': ['#3F83A3'],
'#f48000': ['#F48000'],
'rgb(63, 131, 163)': ['rgb( 63 , 131 , 163 )', 'rgb(63,131,163)']
};