Cufflinks Tutorial - Colors.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Cufflinks Colors\n",
    "\n",
    "Cufflinks also provides a wide set of tools for color managements; including color conversion across multiple spectrums and color table generation."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": [
    "import cufflinks as cf"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Colors can be represented as strings:\n",
    "\n",
    "**HEX** `\"#db4052\"`  \n",
    "**RGB** `\"rgb(219, 64, 82)\"`  \n",
    "**RGBA** `\"rgba(219, 64, 82, 1.0)\"`  \n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Color Conversions"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'aliceblue': '#F0F8FF',\n",
       " 'antiquewhite': '#FAEBD7',\n",
       " 'aqua': '#00FFFF',\n",
       " 'aquamarine': '#7FFFD4',\n",
       " 'azure': '#F0FFFF',\n",
       " 'beige': '#F5F5DC',\n",
       " 'bisque': '#FFE4C4',\n",
       " 'black': '#000000',\n",
       " 'blanchedalmond': '#FFEBCD',\n",
       " 'blue': '#3780bf',\n",
       " 'bluegray': '#565656',\n",
       " 'bluepurple': '#6432AB',\n",
       " 'blueviolet': '#8A2BE2',\n",
       " 'brick': '#E24A33',\n",
       " 'brightblue': '#0000FF',\n",
       " 'brightred': '#FF0000',\n",
       " 'brown': '#A52A2A',\n",
       " 'burlywood': '#DEB887',\n",
       " 'cadetblue': '#5F9EA0',\n",
       " 'charcoal': '#151516',\n",
       " 'chartreuse': '#7FFF00',\n",
       " 'chocolate': '#D2691E',\n",
       " 'coral': '#FF7F50',\n",
       " 'cornflowerblue': '#6495ED',\n",
       " 'cornsilk': '#FFF8DC',\n",
       " 'crimson': '#DC143C',\n",
       " 'cyan': '#00FFFF',\n",
       " 'darkblue': '#00008B',\n",
       " 'darkcyan': '#008B8B',\n",
       " 'darkgoldenrod': '#B8860B',\n",
       " 'darkgray': '#A9A9A9',\n",
       " 'darkgreen': '#006400',\n",
       " 'darkgrey': '#A9A9A9',\n",
       " 'darkkhaki': '#BDB76B',\n",
       " 'darkmagenta': '#8B008B',\n",
       " 'darkolivegreen': '#556B2F',\n",
       " 'darkorange': '#FF8C00',\n",
       " 'darkorchid': '#9932CC',\n",
       " 'darkred': '#8B0000',\n",
       " 'darksalmon': '#E9967A',\n",
       " 'darkseagreen': '#8FBC8F',\n",
       " 'darkslateblue': '#483D8B',\n",
       " 'darkslategray': '#2F4F4F',\n",
       " 'darkslategrey': '#2F4F4F',\n",
       " 'darkturquoise': '#00CED1',\n",
       " 'darkviolet': '#9400D3',\n",
       " 'deeppink': '#FF1493',\n",
       " 'deepskyblue': '#00BFFF',\n",
       " 'dimgray': '#696969',\n",
       " 'dimgrey': '#696969',\n",
       " 'dodgerblue': '#1E90FF',\n",
       " 'firebrick': '#B22222',\n",
       " 'floralwhite': '#FFFAF0',\n",
       " 'forestgreen': '#228B22',\n",
       " 'fuchsia': '#FF00FF',\n",
       " 'gainsboro': '#DCDCDC',\n",
       " 'ghostwhite': '#F8F8FF',\n",
       " 'gold': '#FFD700',\n",
       " 'goldenrod': '#DAA520',\n",
       " 'grassgreen': '#32ab60',\n",
       " 'gray': '#808080',\n",
       " 'green': '#008000',\n",
       " 'greenyellow': '#ADFF2F',\n",
       " 'grey': '#808080',\n",
       " 'grey01': '#0A0A0A',\n",
       " 'grey02': '#151516',\n",
       " 'grey03': '#1A1A1C',\n",
       " 'grey04': '#1E1E21',\n",
       " 'grey05': '#252529',\n",
       " 'grey06': '#36363C',\n",
       " 'grey07': '#3C3C42',\n",
       " 'grey08': '#434343',\n",
       " 'grey09': '#666570',\n",
       " 'grey10': '#666666',\n",
       " 'grey11': '#8C8C8C',\n",
       " 'grey12': '#C2C2C2',\n",
       " 'grey13': '#E2E2E2',\n",
       " 'honeydew': '#F0FFF0',\n",
       " 'hotpink': '#FF69B4',\n",
       " 'indianred': '#CD5C5C',\n",
       " 'indigo': '#4B0082',\n",
       " 'ivory': '#FFFFF0',\n",
       " 'khaki': '#F0E68C',\n",
       " 'lavender': '#E6E6FA',\n",
       " 'lavenderblush': '#FFF0F5',\n",
       " 'lawngreen': '#7CFC00',\n",
       " 'lemonchiffon': '#FFFACD',\n",
       " 'lightblue': '#ADD8E6',\n",
       " 'lightblue2': '#80b1d3',\n",
       " 'lightcoral': '#F08080',\n",
       " 'lightcyan': '#E0FFFF',\n",
       " 'lightgoldenrodyellow': '#FAFAD2',\n",
       " 'lightgray': '#D3D3D3',\n",
       " 'lightgreen': '#90EE90',\n",
       " 'lightgrey': '#D3D3D3',\n",
       " 'lightpink': '#FFB6C1',\n",
       " 'lightpink2': '#fccde5',\n",
       " 'lightpurple': '#bc80bd',\n",
       " 'lightsalmon': '#FFA07A',\n",
       " 'lightseagreen': '#20B2AA',\n",
       " 'lightskyblue': '#87CEFA',\n",
       " 'lightslategray': '#778899',\n",
       " 'lightslategrey': '#778899',\n",
       " 'lightsteelblue': '#B0C4DE',\n",
       " 'lightteal': '#8dd3c7',\n",
       " 'lightviolet': '#8476CA',\n",
       " 'lightyellow': '#FFFFE0',\n",
       " 'lime': '#00FF00',\n",
       " 'lime2': '#8EBA42',\n",
       " 'limegreen': '#32CD32',\n",
       " 'linen': '#FAF0E6',\n",
       " 'magenta': '#FF00FF',\n",
       " 'maroon': '#800000',\n",
       " 'mediumaquamarine': '#66CDAA',\n",
       " 'mediumblue': '#0000CD',\n",
       " 'mediumgray': '#656565',\n",
       " 'mediumorchid': '#BA55D3',\n",
       " 'mediumpurple': '#9370DB',\n",
       " 'mediumseagreen': '#3CB371',\n",
       " 'mediumslateblue': '#7B68EE',\n",
       " 'mediumspringgreen': '#00FA9A',\n",
       " 'mediumturquoise': '#48D1CC',\n",
       " 'mediumvioletred': '#C71585',\n",
       " 'midnightblue': '#191970',\n",
       " 'mintcream': '#F5FFFA',\n",
       " 'mistyrose': '#FFE4E1',\n",
       " 'moccasin': '#FFE4B5',\n",
       " 'mustard': '#FBC15E',\n",
       " 'navajowhite': '#FFDEAD',\n",
       " 'navy': '#000080',\n",
       " 'oldlace': '#FDF5E6',\n",
       " 'olive': '#808000',\n",
       " 'olivedrab': '#6B8E23',\n",
       " 'orange': '#ff9933',\n",
       " 'orangered': '#FF4500',\n",
       " 'orchid': '#DA70D6',\n",
       " 'palegoldenrod': '#EEE8AA',\n",
       " 'palegreen': '#98FB98',\n",
       " 'paleolive': '#b3de69',\n",
       " 'paleturquoise': '#AFEEEE',\n",
       " 'palevioletred': '#DB7093',\n",
       " 'papayawhip': '#FFEFD5',\n",
       " 'peachpuff': '#FFDAB9',\n",
       " 'pearl': '#D9D9D9',\n",
       " 'pearl02': '#F5F6F9',\n",
       " 'pearl03': '#E1E5ED',\n",
       " 'pearl04': '#9499A3',\n",
       " 'pearl05': '#6F7B8B',\n",
       " 'pearl06': '#4D5663',\n",
       " 'peru': '#CD853F',\n",
       " 'pink': '#ff0088',\n",
       " 'pinksalmon': '#FFB5B8',\n",
       " 'plum': '#DDA0DD',\n",
       " 'powderblue': '#B0E0E6',\n",
       " 'purple': '#800080',\n",
       " 'red': '#db4052',\n",
       " 'rose': '#FFC0CB',\n",
       " 'rosybrown': '#BC8F8F',\n",
       " 'royalblue': '#4169E1',\n",
       " 'saddlebrown': '#8B4513',\n",
       " 'salmon': '#fb8072',\n",
       " 'sandybrown': '#FAA460',\n",
       " 'seaborn': '#EAE7E4',\n",
       " 'seagreen': '#2E8B57',\n",
       " 'seashell': '#FFF5EE',\n",
       " 'sienna': '#A0522D',\n",
       " 'silver': '#C0C0C0',\n",
       " 'skyblue': '#87CEEB',\n",
       " 'slateblue': '#6A5ACD',\n",
       " 'slategray': '#708090',\n",
       " 'slategrey': '#708090',\n",
       " 'smurf': '#3E6FB0',\n",
       " 'snow': '#FFFAFA',\n",
       " 'springgreen': '#00FF7F',\n",
       " 'steelblue': '#4682B4',\n",
       " 'tan': '#D2B48C',\n",
       " 'teal': '#008080',\n",
       " 'thistle': '#D8BFD8',\n",
       " 'tomato': '#FF6347',\n",
       " 'turquoise': '#40E0D0',\n",
       " 'violet': '#EE82EE',\n",
       " 'wheat': '#F5DEB3',\n",
       " 'white': '#FFFFFF',\n",
       " 'whitesmoke': '#F5F5F5',\n",
       " 'yellow': '#ffff33',\n",
       " 'yellowgreen': '#9ACD32'}"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# The colors module includes a pre-defined set of commonly used colors\n",
    "cf.colors.cnames"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'rgb(219, 64, 82)'"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# HEX to RGB\n",
    "cf.colors.hex_to_rgb('red')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'#db4052'"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# RGB to HEX\n",
    "cf.colors.rgb_to_hex('rgb(219, 64, 82)')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "('rgba(55, 128, 191, 0.5)', 'rgba(219, 64, 82, 0.4)')"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# RGB or HEX to RGBA (transparency)\n",
    "cf.colors.to_rgba('#3780bf',.5), cf.colors.to_rgba('rgb(219, 64, 82)',.4)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'rgb(240, 178, 185)'"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# RGBA to RGB (flatten transparency)\n",
    "# By default assumes that the transparency color is *white*, however this can be also passed as a parameter. \n",
    "cf.colors.rgba_to_rgb('rgba(219, 64, 82, 0.4)','white')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Normalization"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['#ff0088', '#f0b2b9', '#f0b2b9', '#008000']"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Cufflinks.colors.normalize will always return the an hex value for all types of colors\n",
    "colors=['#f08','rgb(240, 178, 185)','rgba(219, 64, 82, 0.4)','green']\n",
    "[cf.colors.normalize(c) for c in colors]"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Color Ranges\n",
    "\n",
    "A range of colors can be generated using a base color and varying the saturation."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['#000000',\n",
       " '#33001b',\n",
       " '#660036',\n",
       " '#990051',\n",
       " '#cc006c',\n",
       " '#ff0088',\n",
       " '#ff329f',\n",
       " '#ff65b7',\n",
       " '#ff99cf',\n",
       " '#ffcce7',\n",
       " '#ffffff']"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# 10 different tones of pink\n",
    "cf.colors.color_range('pink',10)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Color Tables\n",
    "\n",
    "This function is meant to be used in an **iPython Notebook**.\n",
    "It generates an HTML table to display either a defined list of colors or to automatically generate a range of colors."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<ul style=\"list-style-type: none;\"><li style=\"text-align:center;line-height:30px;background-color:#ff0088;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FF0088</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#f0b2b9;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#F0B2B9</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#3780bf;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#3780BF</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#32ab60;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#32AB60</span>\n",
       "\t\t\t</li></ul>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Displaying a table of defined colors (list)\n",
    "colors=['#f08', 'rgb(240, 178, 185)', 'blue' , '#32ab60']\n",
    "cf.colors.color_table(colors)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<ul style=\"list-style-type: none;\"><li style=\"text-align:center;line-height:30px;background-color:#ffffff;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFFFFF</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffeedd;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFEEDD</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffddbb;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFDDBB</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffcc99;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFCC99</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffbb77;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFBB77</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffaa55;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFAA55</span>\n",
       "\t\t\t</li><li style=\"text-align:center; border: 1px solid #ffffff;line-height:30px;background-color:#ff9933;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FF9933</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ff9932;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FF9932</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ff8810;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FF8810</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ee8e2f;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#EE8E2F</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#cc7a28;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#CC7A28</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#aa6521;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#AA6521</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#88511b;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#88511B</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#663d14;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 #000; color:#ffffff;\">#663D14</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#44280d;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 #000; color:#ffffff;\">#44280D</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#221406;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 #000; color:#ffffff;\">#221406</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#000000;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 #000; color:#ffffff;\">#000000</span>\n",
       "\t\t\t</li></ul>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Generating 15 shades of orange\n",
    "cf.colors.color_table('orange',15)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Color Generators\n",
    "\n",
    "A color generator can be used to produce shades of colors in an iterative form. For example when plotting N timeseries so the color used are as distinctive as possible. "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<ul style=\"list-style-type: none;\"><li style=\"text-align:center;line-height:30px;background-color:#008000;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#008000</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ff9933;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FF9933</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#3780bf;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#3780BF</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#4b8cc5;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#4B8CC5</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#198c19;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#198C19</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffa347;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFA347</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffad5b;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFAD5B</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#5f99cb;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#5F99CB</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#339933;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#339933</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#4ca64c;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#4CA64C</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffb770;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFB770</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#73a6d2;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#73A6D2</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#87b2d8;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#87B2D8</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#66b266;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#66B266</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffc184;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFC184</span>\n",
       "\t\t\t</li></ul>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Create a generator using 3 defined base colors\n",
    "colors=['green','orange','blue']\n",
    "gen=cf.colors.colorgen(colors)\n",
    "outputColors=[gen.next() for _ in range(15)]\n",
    "cf.colors.color_table(outputColors)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<ul style=\"list-style-type: none;\"><li style=\"text-align:center;line-height:30px;background-color:#ff9933;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FF9933</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#3780bf;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#3780BF</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#32ab60;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#32AB60</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#800080;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#800080</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#db4052;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#DB4052</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#008080;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#008080</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffff33;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFFF33</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#808000;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#808000</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#fb8072;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FB8072</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#80b1d3;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#80B1D3</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#8cb8d7;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#8CB8D7</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffa347;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFA347</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#4b8cc5;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#4B8CC5</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#46b36f;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#46B36F</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#8c198c;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#8C198C</span>\n",
       "\t\t\t</li></ul>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Create a generator with default set of colors\n",
    "gen=cf.colors.colorgen()\n",
    "outputColors=[gen.next() for _ in range(15)]\n",
    "cf.colors.color_table(outputColors)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'accent': ['rgb(127,201,127)',\n",
       "  'rgb(190,174,212)',\n",
       "  'rgb(253,192,134)',\n",
       "  'rgb(255,255,153)',\n",
       "  'rgb(56,108,176)',\n",
       "  'rgb(240,2,127)',\n",
       "  'rgb(191,91,23)',\n",
       "  'rgb(102,102,102)'],\n",
       " 'blues': ['rgb(247,251,255)',\n",
       "  'rgb(222,235,247)',\n",
       "  'rgb(198,219,239)',\n",
       "  'rgb(158,202,225)',\n",
       "  'rgb(107,174,214)',\n",
       "  'rgb(66,146,198)',\n",
       "  'rgb(33,113,181)',\n",
       "  'rgb(8,81,156)',\n",
       "  'rgb(8,48,107)'],\n",
       " 'brbg': ['rgb(84,48,5)',\n",
       "  'rgb(140,81,10)',\n",
       "  'rgb(191,129,45)',\n",
       "  'rgb(223,194,125)',\n",
       "  'rgb(246,232,195)',\n",
       "  'rgb(245,245,245)',\n",
       "  'rgb(199,234,229)',\n",
       "  'rgb(128,205,193)',\n",
       "  'rgb(53,151,143)',\n",
       "  'rgb(1,102,94)',\n",
       "  'rgb(0,60,48)'],\n",
       " 'bugn': ['rgb(247,252,253)',\n",
       "  'rgb(229,245,249)',\n",
       "  'rgb(204,236,230)',\n",
       "  'rgb(153,216,201)',\n",
       "  'rgb(102,194,164)',\n",
       "  'rgb(65,174,118)',\n",
       "  'rgb(35,139,69)',\n",
       "  'rgb(0,109,44)',\n",
       "  'rgb(0,68,27)'],\n",
       " 'bupu': ['rgb(247,252,253)',\n",
       "  'rgb(224,236,244)',\n",
       "  'rgb(191,211,230)',\n",
       "  'rgb(158,188,218)',\n",
       "  'rgb(140,150,198)',\n",
       "  'rgb(140,107,177)',\n",
       "  'rgb(136,65,157)',\n",
       "  'rgb(129,15,124)',\n",
       "  'rgb(77,0,75)'],\n",
       " 'dark2': ['rgb(27,158,119)',\n",
       "  'rgb(217,95,2)',\n",
       "  'rgb(117,112,179)',\n",
       "  'rgb(231,41,138)',\n",
       "  'rgb(102,166,30)',\n",
       "  'rgb(230,171,2)',\n",
       "  'rgb(166,118,29)',\n",
       "  'rgb(102,102,102)'],\n",
       " 'dflt': ['rgb(255, 153, 51)',\n",
       "  'rgb(55, 128, 191)',\n",
       "  'rgb(50, 171, 96)',\n",
       "  'rgb(128, 0, 128)',\n",
       "  'rgb(219, 64, 82)',\n",
       "  'rgb(0, 128, 128)',\n",
       "  'rgb(255, 255, 51)',\n",
       "  'rgb(128, 128, 0)',\n",
       "  'rgb(251, 128, 114)',\n",
       "  'rgb(128, 177, 211)'],\n",
       " 'ggplot': ['rgb(226, 74, 51)',\n",
       "  'rgb(62, 111, 176)',\n",
       "  'rgb(132, 118, 202)',\n",
       "  'rgb(101, 101, 101)',\n",
       "  'rgb(251, 193, 94)',\n",
       "  'rgb(142, 186, 66)',\n",
       "  'rgb(255, 181, 184)'],\n",
       " 'gnbu': ['rgb(247,252,240)',\n",
       "  'rgb(224,243,219)',\n",
       "  'rgb(204,235,197)',\n",
       "  'rgb(168,221,181)',\n",
       "  'rgb(123,204,196)',\n",
       "  'rgb(78,179,211)',\n",
       "  'rgb(43,140,190)',\n",
       "  'rgb(8,104,172)',\n",
       "  'rgb(8,64,129)'],\n",
       " 'greens': ['rgb(247,252,245)',\n",
       "  'rgb(229,245,224)',\n",
       "  'rgb(199,233,192)',\n",
       "  'rgb(161,217,155)',\n",
       "  'rgb(116,196,118)',\n",
       "  'rgb(65,171,93)',\n",
       "  'rgb(35,139,69)',\n",
       "  'rgb(0,109,44)',\n",
       "  'rgb(0,68,27)'],\n",
       " 'greys': ['rgb(255,255,255)',\n",
       "  'rgb(240,240,240)',\n",
       "  'rgb(217,217,217)',\n",
       "  'rgb(189,189,189)',\n",
       "  'rgb(150,150,150)',\n",
       "  'rgb(115,115,115)',\n",
       "  'rgb(82,82,82)',\n",
       "  'rgb(37,37,37)',\n",
       "  'rgb(0,0,0)'],\n",
       " 'oranges': ['rgb(255,245,235)',\n",
       "  'rgb(254,230,206)',\n",
       "  'rgb(253,208,162)',\n",
       "  'rgb(253,174,107)',\n",
       "  'rgb(253,141,60)',\n",
       "  'rgb(241,105,19)',\n",
       "  'rgb(217,72,1)',\n",
       "  'rgb(166,54,3)',\n",
       "  'rgb(127,39,4)'],\n",
       " 'orrd': ['rgb(255,247,236)',\n",
       "  'rgb(254,232,200)',\n",
       "  'rgb(253,212,158)',\n",
       "  'rgb(253,187,132)',\n",
       "  'rgb(252,141,89)',\n",
       "  'rgb(239,101,72)',\n",
       "  'rgb(215,48,31)',\n",
       "  'rgb(179,0,0)',\n",
       "  'rgb(127,0,0)'],\n",
       " 'paired': ['rgb(166,206,227)',\n",
       "  'rgb(31,120,180)',\n",
       "  'rgb(178,223,138)',\n",
       "  'rgb(51,160,44)',\n",
       "  'rgb(251,154,153)',\n",
       "  'rgb(227,26,28)',\n",
       "  'rgb(253,191,111)',\n",
       "  'rgb(255,127,0)',\n",
       "  'rgb(202,178,214)',\n",
       "  'rgb(106,61,154)',\n",
       "  'rgb(255,255,153)',\n",
       "  'rgb(177,89,40)'],\n",
       " 'pastel1': ['rgb(251,180,174)',\n",
       "  'rgb(179,205,227)',\n",
       "  'rgb(204,235,197)',\n",
       "  'rgb(222,203,228)',\n",
       "  'rgb(254,217,166)',\n",
       "  'rgb(255,255,204)',\n",
       "  'rgb(229,216,189)',\n",
       "  'rgb(253,218,236)',\n",
       "  'rgb(242,242,242)'],\n",
       " 'pastel2': ['rgb(179,226,205)',\n",
       "  'rgb(253,205,172)',\n",
       "  'rgb(203,213,232)',\n",
       "  'rgb(244,202,228)',\n",
       "  'rgb(230,245,201)',\n",
       "  'rgb(255,242,174)',\n",
       "  'rgb(241,226,204)',\n",
       "  'rgb(204,204,204)'],\n",
       " 'piyg': ['rgb(142,1,82)',\n",
       "  'rgb(197,27,125)',\n",
       "  'rgb(222,119,174)',\n",
       "  'rgb(241,182,218)',\n",
       "  'rgb(253,224,239)',\n",
       "  'rgb(247,247,247)',\n",
       "  'rgb(230,245,208)',\n",
       "  'rgb(184,225,134)',\n",
       "  'rgb(127,188,65)',\n",
       "  'rgb(77,146,33)',\n",
       "  'rgb(39,100,25)'],\n",
       " 'prgn': ['rgb(64,0,75)',\n",
       "  'rgb(118,42,131)',\n",
       "  'rgb(153,112,171)',\n",
       "  'rgb(194,165,207)',\n",
       "  'rgb(231,212,232)',\n",
       "  'rgb(247,247,247)',\n",
       "  'rgb(217,240,211)',\n",
       "  'rgb(166,219,160)',\n",
       "  'rgb(90,174,97)',\n",
       "  'rgb(27,120,55)',\n",
       "  'rgb(0,68,27)'],\n",
       " 'pubu': ['rgb(255,247,251)',\n",
       "  'rgb(236,231,242)',\n",
       "  'rgb(208,209,230)',\n",
       "  'rgb(166,189,219)',\n",
       "  'rgb(116,169,207)',\n",
       "  'rgb(54,144,192)',\n",
       "  'rgb(5,112,176)',\n",
       "  'rgb(4,90,141)',\n",
       "  'rgb(2,56,88)'],\n",
       " 'pubugn': ['rgb(255,247,251)',\n",
       "  'rgb(236,226,240)',\n",
       "  'rgb(208,209,230)',\n",
       "  'rgb(166,189,219)',\n",
       "  'rgb(103,169,207)',\n",
       "  'rgb(54,144,192)',\n",
       "  'rgb(2,129,138)',\n",
       "  'rgb(1,108,89)',\n",
       "  'rgb(1,70,54)'],\n",
       " 'puor': ['rgb(127,59,8)',\n",
       "  'rgb(179,88,6)',\n",
       "  'rgb(224,130,20)',\n",
       "  'rgb(253,184,99)',\n",
       "  'rgb(254,224,182)',\n",
       "  'rgb(247,247,247)',\n",
       "  'rgb(216,218,235)',\n",
       "  'rgb(178,171,210)',\n",
       "  'rgb(128,115,172)',\n",
       "  'rgb(84,39,136)',\n",
       "  'rgb(45,0,75)'],\n",
       " 'purd': ['rgb(247,244,249)',\n",
       "  'rgb(231,225,239)',\n",
       "  'rgb(212,185,218)',\n",
       "  'rgb(201,148,199)',\n",
       "  'rgb(223,101,176)',\n",
       "  'rgb(231,41,138)',\n",
       "  'rgb(206,18,86)',\n",
       "  'rgb(152,0,67)',\n",
       "  'rgb(103,0,31)'],\n",
       " 'purples': ['rgb(252,251,253)',\n",
       "  'rgb(239,237,245)',\n",
       "  'rgb(218,218,235)',\n",
       "  'rgb(188,189,220)',\n",
       "  'rgb(158,154,200)',\n",
       "  'rgb(128,125,186)',\n",
       "  'rgb(106,81,163)',\n",
       "  'rgb(84,39,143)',\n",
       "  'rgb(63,0,125)'],\n",
       " 'rdbu': ['rgb(103,0,31)',\n",
       "  'rgb(178,24,43)',\n",
       "  'rgb(214,96,77)',\n",
       "  'rgb(244,165,130)',\n",
       "  'rgb(253,219,199)',\n",
       "  'rgb(247,247,247)',\n",
       "  'rgb(209,229,240)',\n",
       "  'rgb(146,197,222)',\n",
       "  'rgb(67,147,195)',\n",
       "  'rgb(33,102,172)',\n",
       "  'rgb(5,48,97)'],\n",
       " 'rdgy': ['rgb(103,0,31)',\n",
       "  'rgb(178,24,43)',\n",
       "  'rgb(214,96,77)',\n",
       "  'rgb(244,165,130)',\n",
       "  'rgb(253,219,199)',\n",
       "  'rgb(255,255,255)',\n",
       "  'rgb(224,224,224)',\n",
       "  'rgb(186,186,186)',\n",
       "  'rgb(135,135,135)',\n",
       "  'rgb(77,77,77)',\n",
       "  'rgb(26,26,26)'],\n",
       " 'rdpu': ['rgb(255,247,243)',\n",
       "  'rgb(253,224,221)',\n",
       "  'rgb(252,197,192)',\n",
       "  'rgb(250,159,181)',\n",
       "  'rgb(247,104,161)',\n",
       "  'rgb(221,52,151)',\n",
       "  'rgb(174,1,126)',\n",
       "  'rgb(122,1,119)',\n",
       "  'rgb(73,0,106)'],\n",
       " 'rdylbu': ['rgb(165,0,38)',\n",
       "  'rgb(215,48,39)',\n",
       "  'rgb(244,109,67)',\n",
       "  'rgb(253,174,97)',\n",
       "  'rgb(254,224,144)',\n",
       "  'rgb(255,255,191)',\n",
       "  'rgb(224,243,248)',\n",
       "  'rgb(171,217,233)',\n",
       "  'rgb(116,173,209)',\n",
       "  'rgb(69,117,180)',\n",
       "  'rgb(49,54,149)'],\n",
       " 'rdylgn': ['rgb(165,0,38)',\n",
       "  'rgb(215,48,39)',\n",
       "  'rgb(244,109,67)',\n",
       "  'rgb(253,174,97)',\n",
       "  'rgb(254,224,139)',\n",
       "  'rgb(255,255,191)',\n",
       "  'rgb(217,239,139)',\n",
       "  'rgb(166,217,106)',\n",
       "  'rgb(102,189,99)',\n",
       "  'rgb(26,152,80)',\n",
       "  'rgb(0,104,55)'],\n",
       " 'reds': ['rgb(255,245,240)',\n",
       "  'rgb(254,224,210)',\n",
       "  'rgb(252,187,161)',\n",
       "  'rgb(252,146,114)',\n",
       "  'rgb(251,106,74)',\n",
       "  'rgb(239,59,44)',\n",
       "  'rgb(203,24,29)',\n",
       "  'rgb(165,15,21)',\n",
       "  'rgb(103,0,13)'],\n",
       " 'set1': ['rgb(228,26,28)',\n",
       "  'rgb(55,126,184)',\n",
       "  'rgb(77,175,74)',\n",
       "  'rgb(152,78,163)',\n",
       "  'rgb(255,127,0)',\n",
       "  'rgb(255,255,51)',\n",
       "  'rgb(166,86,40)',\n",
       "  'rgb(247,129,191)',\n",
       "  'rgb(153,153,153)'],\n",
       " 'set2': ['rgb(102,194,165)',\n",
       "  'rgb(252,141,98)',\n",
       "  'rgb(141,160,203)',\n",
       "  'rgb(231,138,195)',\n",
       "  'rgb(166,216,84)',\n",
       "  'rgb(255,217,47)',\n",
       "  'rgb(229,196,148)',\n",
       "  'rgb(179,179,179)'],\n",
       " 'set3': ['rgb(141,211,199)',\n",
       "  'rgb(255,255,179)',\n",
       "  'rgb(190,186,218)',\n",
       "  'rgb(251,128,114)',\n",
       "  'rgb(128,177,211)',\n",
       "  'rgb(253,180,98)',\n",
       "  'rgb(179,222,105)',\n",
       "  'rgb(252,205,229)',\n",
       "  'rgb(217,217,217)',\n",
       "  'rgb(188,128,189)',\n",
       "  'rgb(204,235,197)',\n",
       "  'rgb(255,237,111)'],\n",
       " 'spectral': ['rgb(158,1,66)',\n",
       "  'rgb(213,62,79)',\n",
       "  'rgb(244,109,67)',\n",
       "  'rgb(253,174,97)',\n",
       "  'rgb(254,224,139)',\n",
       "  'rgb(255,255,191)',\n",
       "  'rgb(230,245,152)',\n",
       "  'rgb(171,221,164)',\n",
       "  'rgb(102,194,165)',\n",
       "  'rgb(50,136,189)',\n",
       "  'rgb(94,79,162)'],\n",
       " 'ylgn': ['rgb(255,255,229)',\n",
       "  'rgb(247,252,185)',\n",
       "  'rgb(217,240,163)',\n",
       "  'rgb(173,221,142)',\n",
       "  'rgb(120,198,121)',\n",
       "  'rgb(65,171,93)',\n",
       "  'rgb(35,132,67)',\n",
       "  'rgb(0,104,55)',\n",
       "  'rgb(0,69,41)'],\n",
       " 'ylgnbu': ['rgb(255,255,217)',\n",
       "  'rgb(237,248,177)',\n",
       "  'rgb(199,233,180)',\n",
       "  'rgb(127,205,187)',\n",
       "  'rgb(65,182,196)',\n",
       "  'rgb(29,145,192)',\n",
       "  'rgb(34,94,168)',\n",
       "  'rgb(37,52,148)',\n",
       "  'rgb(8,29,88)'],\n",
       " 'ylorbr': ['rgb(255,255,229)',\n",
       "  'rgb(255,247,188)',\n",
       "  'rgb(254,227,145)',\n",
       "  'rgb(254,196,79)',\n",
       "  'rgb(254,153,41)',\n",
       "  'rgb(236,112,20)',\n",
       "  'rgb(204,76,2)',\n",
       "  'rgb(153,52,4)',\n",
       "  'rgb(102,37,6)'],\n",
       " 'ylorrd': ['rgb(255,255,204)',\n",
       "  'rgb(255,237,160)',\n",
       "  'rgb(254,217,118)',\n",
       "  'rgb(254,178,76)',\n",
       "  'rgb(253,141,60)',\n",
       "  'rgb(252,78,42)',\n",
       "  'rgb(227,26,28)',\n",
       "  'rgb(189,0,38)',\n",
       "  'rgb(128,0,38)']}"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# We can see all available scales with\n",
    "cf.get_scales()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"display:inline-block;padding:10px;\"><div>accent</div><div style=\"background-color:rgb(127,201,127);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(190,174,212);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,192,134);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,153);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(56,108,176);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(240,2,127);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(191,91,23);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,102,102);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>blues</div><div style=\"background-color:rgb(247,251,255);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(222,235,247);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(198,219,239);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(158,202,225);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(107,174,214);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(66,146,198);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(33,113,181);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(8,81,156);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(8,48,107);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>brbg</div><div style=\"background-color:rgb(84,48,5);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(140,81,10);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(191,129,45);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(223,194,125);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(246,232,195);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(245,245,245);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(199,234,229);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128,205,193);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(53,151,143);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(1,102,94);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,60,48);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>bugn</div><div style=\"background-color:rgb(247,252,253);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(229,245,249);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(204,236,230);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(153,216,201);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,194,164);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(65,174,118);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(35,139,69);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,109,44);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,68,27);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>bupu</div><div style=\"background-color:rgb(247,252,253);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(224,236,244);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(191,211,230);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(158,188,218);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(140,150,198);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(140,107,177);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(136,65,157);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(129,15,124);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(77,0,75);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>dark2</div><div style=\"background-color:rgb(27,158,119);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,95,2);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(117,112,179);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(231,41,138);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,166,30);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(230,171,2);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,118,29);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,102,102);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>dflt</div><div style=\"background-color:rgb(255, 153, 51);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(55, 128, 191);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(50, 171, 96);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128, 0, 128);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(219, 64, 82);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0, 128, 128);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255, 255, 51);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128, 128, 0);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(251, 128, 114);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128, 177, 211);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>ggplot</div><div style=\"background-color:rgb(226, 74, 51);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(62, 111, 176);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(132, 118, 202);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(101, 101, 101);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(251, 193, 94);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(142, 186, 66);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255, 181, 184);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>gnbu</div><div style=\"background-color:rgb(247,252,240);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(224,243,219);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(204,235,197);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(168,221,181);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(123,204,196);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(78,179,211);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(43,140,190);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(8,104,172);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(8,64,129);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>greens</div><div style=\"background-color:rgb(247,252,245);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(229,245,224);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(199,233,192);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(161,217,155);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(116,196,118);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(65,171,93);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(35,139,69);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,109,44);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,68,27);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>greys</div><div style=\"background-color:rgb(255,255,255);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(240,240,240);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,217,217);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(189,189,189);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(150,150,150);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(115,115,115);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(82,82,82);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(37,37,37);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,0,0);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>oranges</div><div style=\"background-color:rgb(255,245,235);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,230,206);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,208,162);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,174,107);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,141,60);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(241,105,19);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,72,1);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,54,3);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(127,39,4);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>orrd</div><div style=\"background-color:rgb(255,247,236);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,232,200);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,212,158);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,187,132);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,141,89);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(239,101,72);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(215,48,31);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(179,0,0);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(127,0,0);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>paired</div><div style=\"background-color:rgb(166,206,227);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(31,120,180);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(178,223,138);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(51,160,44);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(251,154,153);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(227,26,28);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,191,111);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,127,0);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(202,178,214);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(106,61,154);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,153);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(177,89,40);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>pastel1</div><div style=\"background-color:rgb(251,180,174);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(179,205,227);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(204,235,197);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(222,203,228);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,217,166);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,204);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(229,216,189);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,218,236);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(242,242,242);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>pastel2</div><div style=\"background-color:rgb(179,226,205);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,205,172);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(203,213,232);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(244,202,228);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(230,245,201);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,242,174);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(241,226,204);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(204,204,204);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>piyg</div><div style=\"background-color:rgb(142,1,82);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(197,27,125);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(222,119,174);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(241,182,218);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,224,239);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,247,247);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(230,245,208);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(184,225,134);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(127,188,65);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(77,146,33);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(39,100,25);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>prgn</div><div style=\"background-color:rgb(64,0,75);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(118,42,131);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(153,112,171);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(194,165,207);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(231,212,232);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,247,247);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,240,211);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,219,160);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(90,174,97);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(27,120,55);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,68,27);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>pubu</div><div style=\"background-color:rgb(255,247,251);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(236,231,242);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(208,209,230);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,189,219);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(116,169,207);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(54,144,192);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(5,112,176);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(4,90,141);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(2,56,88);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>pubugn</div><div style=\"background-color:rgb(255,247,251);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(236,226,240);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(208,209,230);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,189,219);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(103,169,207);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(54,144,192);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(2,129,138);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(1,108,89);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(1,70,54);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>puor</div><div style=\"background-color:rgb(127,59,8);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(179,88,6);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(224,130,20);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,184,99);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,224,182);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,247,247);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(216,218,235);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(178,171,210);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128,115,172);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(84,39,136);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(45,0,75);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>purd</div><div style=\"background-color:rgb(247,244,249);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(231,225,239);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(212,185,218);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(201,148,199);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(223,101,176);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(231,41,138);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(206,18,86);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(152,0,67);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(103,0,31);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>purples</div><div style=\"background-color:rgb(252,251,253);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(239,237,245);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(218,218,235);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(188,189,220);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(158,154,200);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128,125,186);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(106,81,163);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(84,39,143);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(63,0,125);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>rdbu</div><div style=\"background-color:rgb(103,0,31);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(178,24,43);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(214,96,77);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(244,165,130);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,219,199);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,247,247);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(209,229,240);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(146,197,222);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(67,147,195);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(33,102,172);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(5,48,97);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>rdgy</div><div style=\"background-color:rgb(103,0,31);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(178,24,43);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(214,96,77);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(244,165,130);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,219,199);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,255);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(224,224,224);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(186,186,186);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(135,135,135);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(77,77,77);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(26,26,26);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>rdpu</div><div style=\"background-color:rgb(255,247,243);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,224,221);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,197,192);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(250,159,181);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,104,161);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(221,52,151);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(174,1,126);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(122,1,119);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(73,0,106);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>rdylbu</div><div style=\"background-color:rgb(165,0,38);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(215,48,39);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(244,109,67);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,174,97);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,224,144);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,191);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(224,243,248);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(171,217,233);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(116,173,209);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(69,117,180);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(49,54,149);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>rdylgn</div><div style=\"background-color:rgb(165,0,38);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(215,48,39);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(244,109,67);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,174,97);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,224,139);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,191);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,239,139);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,217,106);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,189,99);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(26,152,80);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,104,55);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>reds</div><div style=\"background-color:rgb(255,245,240);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,224,210);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,187,161);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,146,114);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(251,106,74);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(239,59,44);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(203,24,29);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(165,15,21);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(103,0,13);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>set1</div><div style=\"background-color:rgb(228,26,28);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(55,126,184);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(77,175,74);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(152,78,163);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,127,0);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,51);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,86,40);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,129,191);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(153,153,153);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>set2</div><div style=\"background-color:rgb(102,194,165);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,141,98);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(141,160,203);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(231,138,195);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(166,216,84);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,217,47);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(229,196,148);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(179,179,179);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>set3</div><div style=\"background-color:rgb(141,211,199);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,179);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(190,186,218);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(251,128,114);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128,177,211);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,180,98);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(179,222,105);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,205,229);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,217,217);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(188,128,189);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(204,235,197);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,237,111);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>spectral</div><div style=\"background-color:rgb(158,1,66);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(213,62,79);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(244,109,67);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,174,97);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,224,139);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,255,191);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(230,245,152);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(171,221,164);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,194,165);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(50,136,189);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(94,79,162);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>ylgn</div><div style=\"background-color:rgb(255,255,229);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(247,252,185);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(217,240,163);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(173,221,142);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(120,198,121);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(65,171,93);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(35,132,67);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,104,55);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(0,69,41);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>ylgnbu</div><div style=\"background-color:rgb(255,255,217);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(237,248,177);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(199,233,180);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(127,205,187);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(65,182,196);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(29,145,192);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(34,94,168);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(37,52,148);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(8,29,88);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>ylorbr</div><div style=\"background-color:rgb(255,255,229);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,247,188);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,227,145);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,196,79);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,153,41);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(236,112,20);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(204,76,2);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(153,52,4);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(102,37,6);height:20px;width:20px;display:inline-block;\"></div></div><div style=\"display:inline-block;padding:10px;\"><div>ylorrd</div><div style=\"background-color:rgb(255,255,204);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(255,237,160);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,217,118);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(254,178,76);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(253,141,60);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(252,78,42);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(227,26,28);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(189,0,38);height:20px;width:20px;display:inline-block;\"></div><div style=\"background-color:rgb(128,0,38);height:20px;width:20px;display:inline-block;\"></div></div>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Other color scales can be also seen here\n",
    "cf.colors.scales()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<ul style=\"list-style-type: none;\"><li style=\"text-align:center;line-height:30px;background-color:#7fc97f;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#7FC97F</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#beaed4;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#BEAED4</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#fdc086;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FDC086</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#ffff99;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#FFFF99</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#386cb0;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#386CB0</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#f0027f;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#F0027F</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#bf5b17;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 rgba(255,255,255,0.6); color:#000000;\">#BF5B17</span>\n",
       "\t\t\t</li><li style=\"text-align:center;line-height:30px;background-color:#666666;\"> \n",
       "\t\t\t<span style=\" text-shadow:0 1px 0 #000; color:#ffffff;\">#666666</span>\n",
       "\t\t\t</li></ul>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "colorscale=cf.colors.get_scales('accent')\n",
    "cf.colors.color_table(colorscale)"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 2",
   "language": "python",
   "name": "python2"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 2
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython2",
   "version": "2.7.10"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}