{"id":1458322,"date":"2022-01-18T13:24:37","date_gmt":"2022-01-18T21:24:37","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1458322"},"modified":"2022-01-19T18:37:03","modified_gmt":"2022-01-20T02:37:03","slug":"color-ramps-breaking-away-from-presets","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets","title":{"rendered":"Color Ramps: Breaking away from presets"},"author":4491,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[42641,42181,23201,26451],"industry":[],"product":[36581,36551,36561],"class_list":["post-1458322","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-arcgis-online","tag-arcgis-pro","tag-cartographic-design","tag-cartography","product-arcgis-living-atlas","product-arcgis-online","product-arcgis-pro"],"acf":{"short_description":"Creating your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.","flexible_content":[{"acf_fc_layout":"content","content":"

Recently I blogged about some new color ramps we have developed for the ArcGIS Online Map Viewer, and I said then that, although we have close to 400 available for you now, it\u2019s unlikely that we can cover every potential use case.<\/p>\n

Well, there\u2019s nothing stopping you developing your own! I\u2019ve been building color ramps for a few years here at Esri (and before that developing color palettes for other organizations), so here I want to take you through the processes that I use when I\u2019m working them out.<\/p>\n

What can you work with?<\/h2>\n

You can build a ramp directly in ArcGIS Pro (Go to \u2018Symbology\/Color Scheme\/Format Color Scheme\u2019, then save to a style<\/em>).<\/p>\n

In ArcGIS Online you cannot build a ramp\/gradient as such. However, if you use a classification you can establish a default with one of our ramps, then adjust each color individually.<\/p>\n

Regardless of where you work it\u2019s useful to have a graphics program available for testing out color combinations. I use Adobe Illustrator, but anything that you\u2019re comfortable with will be fine. A blending tool (to establish a color gradient across multiple objects) is really useful though.<\/p>\n

You should also have a color blindness simulator available. There are plenty of options available online \u2013 I use Color Oracle<\/a><\/p>\n

<\/h1>\n

High- Low<\/h2>\n

Let\u2019s start by looking at a single-color gradient (High-Low). This is the simplest case to understand, but much of what I describe here applies to all color ramps.<\/p>\n

I start by setting the two extremes of the gradient. If you are working with a known quantity behind your ramp (a basemap or your background information), take that into account. You don\u2019t want either end of the gradient to get lost in it.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458382,"id":1458382,"title":"Testbed","filename":"ColorRange_onLGCM.jpg","filesize":129443,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed","alt":"Top and bottom colors for a ramp, showing contrast with the background","author":"4491","description":"","caption":"Here I\u2019ve used the Light Gray Canvas Map behind my colors. On the left, the light color is getting lost in the background. Moving it by as little as 3% (right) is enough to open up some visual distance.","name":"testbed","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 19:01:21","modified":"2022-01-13 19:02:35","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":688,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM.jpg","medium-width":464,"medium-height":160,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM.jpg","medium_large-width":768,"medium_large-height":264,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM.jpg","large-width":1920,"large-height":660,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM-1536x528.jpg","1536x1536-width":1536,"1536x1536-height":528,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM.jpg","2048x2048-width":2000,"2048x2048-height":688,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM-826x284.jpg","card_image-width":826,"card_image-height":284,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorRange_onLGCM-1920x660.jpg","wide_image-width":1920,"wide_image-height":660}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

_____<\/p>\n

We usually work with ten fixed points for building ramps online. Ten is a lot! It’s difficult to get a strong visual separation using one color for this many categories, but it gives us a lot of control over the final appearance of the ramp. For you, select your worst-case (up to 7 or 8 are usually OK), and build your ramp based on that.<\/p>\n

Here is a ten-color ramp using my 2 extremes, with equal color breaks between each step. Try to keep at least 3%, and preferably 5% grayscale equivalent between each of them. If you can\u2019t achieve that adjust your endpoints:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458402,"id":1458402,"title":"Testbed","filename":"HighLow_1.jpg","filesize":180855,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-2","alt":"Sample color ramp with even breaks between colors","author":"4491","description":"","caption":"","name":"testbed-2","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 19:04:05","modified":"2022-01-13 19:04:29","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":577,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1.jpg","medium-width":464,"medium-height":134,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1.jpg","medium_large-width":768,"medium_large-height":222,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1.jpg","large-width":1920,"large-height":554,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1-1536x443.jpg","1536x1536-width":1536,"1536x1536-height":443,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1.jpg","2048x2048-width":2000,"2048x2048-height":577,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1-826x238.jpg","card_image-width":826,"card_image-height":238,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_1-1920x554.jpg","wide_image-width":1920,"wide_image-height":554}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

However, there is a problem with this! Differences between colors are more difficult to discern as the saturation increases, and at the dark end of the gradient they are too similar.<\/p>\n

_____<\/p>\n

So, the interval needs to change. Here, a percentage decrease in the color saturation is used to lighten the colors from left to right:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458462,"id":1458462,"title":"Testbed","filename":"HighLow_2.jpg","filesize":166802,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-3","alt":"A color ramp with ghe color saturation decreased by a percentage from left to right","author":"4491","description":"","caption":"","name":"testbed-3","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 19:07:51","modified":"2022-01-13 19:08:44","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":525,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2.jpg","medium-width":464,"medium-height":122,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2.jpg","medium_large-width":768,"medium_large-height":202,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2.jpg","large-width":1920,"large-height":504,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2-1536x403.jpg","1536x1536-width":1536,"1536x1536-height":403,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2.jpg","2048x2048-width":2000,"2048x2048-height":525,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2-826x217.jpg","card_image-width":826,"card_image-height":217,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_2-1920x504.jpg","wide_image-width":1920,"wide_image-height":504}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

This is ideal if you are prepared to calculate each color independently, but that is probably impractical. A compromise is needed.<\/p>\n

_____<\/p>\n

In this example a mid-range color has been set, and equal intervals used between it and the extremes. The interval between the darker colors is greater than that between the lighter:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458472,"id":1458472,"title":"Testbed","filename":"HighLow_3.jpg","filesize":180388,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-4","alt":"Color ramp with a defined center, and a bigger gap between darker colors","author":"4491","description":"","caption":"","name":"testbed-4","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 19:11:17","modified":"2022-01-13 19:12:23","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":606,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3.jpg","medium-width":464,"medium-height":141,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3.jpg","medium_large-width":768,"medium_large-height":233,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3.jpg","large-width":1920,"large-height":582,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3-1536x465.jpg","1536x1536-width":1536,"1536x1536-height":465,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3.jpg","2048x2048-width":2000,"2048x2048-height":606,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3-826x250.jpg","card_image-width":826,"card_image-height":250,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_3-1920x582.jpg","wide_image-width":1920,"wide_image-height":582}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

______<\/p>\n

This is the point at which you decide how much custom work you want to put into the construction. In this case, I\u2019ve darkened the top end of the ramp and lightened the second color in the sequence to improve the contrast.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458492,"id":1458492,"title":"Testbed","filename":"HighLow_4.jpg","filesize":188350,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-5","alt":"The previous color ramp, with custom adjustments at the dark end.","author":"4491","description":"","caption":"","name":"testbed-5","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 19:13:58","modified":"2022-01-13 19:14:31","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":606,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4.jpg","medium-width":464,"medium-height":141,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4.jpg","medium_large-width":768,"medium_large-height":233,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4.jpg","large-width":1920,"large-height":582,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4-1536x465.jpg","1536x1536-width":1536,"1536x1536-height":465,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4.jpg","2048x2048-width":2000,"2048x2048-height":606,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4-826x250.jpg","card_image-width":826,"card_image-height":250,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_4-1920x582.jpg","wide_image-width":1920,"wide_image-height":582}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

<\/h2>\n

Adding a second color<\/h3>\n

With the nature of the ramp established, you can consider introducing a second color. This may be to improve clarity, imply something different between the top and bottom in your variable, or just to add some interest. Here I\u2019ve changed the bottom end of the gradient to yellow, but kept the other control values in red:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458772,"id":1458772,"title":"Testbed","filename":"HighLow_5.jpg","filesize":180187,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-6","alt":"The previous ramp, with the bottom value changed to a yellow","author":"4491","description":"","caption":"","name":"testbed-6","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 20:25:08","modified":"2022-01-19 14:55:46","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":600,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5.jpg","medium-width":464,"medium-height":139,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5.jpg","medium_large-width":768,"medium_large-height":230,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5.jpg","large-width":1920,"large-height":576,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5-1536x461.jpg","1536x1536-width":1536,"1536x1536-height":461,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5.jpg","2048x2048-width":2000,"2048x2048-height":600,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5-826x248.jpg","card_image-width":826,"card_image-height":248,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_5-1920x576.jpg","wide_image-width":1920,"wide_image-height":576}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

And here I\u2019ve adjusted the middle color as well so that the whole gradient takes on an orange caste:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1462492,"id":1462492,"title":"Testbed","filename":"07_HighLow_6.jpg","filesize":174775,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-11","alt":"The previous ramp, with the middle value changed to an orange","author":"4491","description":"","caption":"","name":"testbed-11","status":"inherit","uploaded_to":1458322,"date":"2022-01-19 14:55:00","modified":"2022-01-19 14:56:11","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":602,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6.jpg","medium-width":464,"medium-height":140,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6.jpg","medium_large-width":768,"medium_large-height":231,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6.jpg","large-width":1920,"large-height":578,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6-1536x462.jpg","1536x1536-width":1536,"1536x1536-height":462,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6.jpg","2048x2048-width":2000,"2048x2048-height":602,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6-826x249.jpg","card_image-width":826,"card_image-height":249,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/07_HighLow_6-1920x578.jpg","wide_image-width":1920,"wide_image-height":578}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

_____<\/p>\n

All of these options are available to you, and all will change the look of your final map in some way. It\u2019s down to choosing the one that you think best conveys your message.<\/p>\n

Here is a two-color example from an Esri map of Republican Party Affiliation<\/a><\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1460012,"id":1460012,"title":"Web","filename":"RepublicaMap_Ramp.jpg","filesize":507934,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/web-3","alt":"SCReen shot from the Republican affiliation map, with a sample ramp.","author":"4491","description":"","caption":"","name":"web-3","status":"inherit","uploaded_to":1458322,"date":"2022-01-14 23:20:57","modified":"2022-01-14 23:21:35","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2500,"height":893,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp.jpg","medium-width":464,"medium-height":166,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp.jpg","medium_large-width":768,"medium_large-height":274,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp.jpg","large-width":1920,"large-height":686,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp-1536x549.jpg","1536x1536-width":1536,"1536x1536-height":549,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp-2048x732.jpg","2048x2048-width":2048,"2048x2048-height":732,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp-826x295.jpg","card_image-width":826,"card_image-height":295,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp-1920x686.jpg","wide_image-width":1920,"wide_image-height":686}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/RepublicaMap_Ramp.jpg"},{"acf_fc_layout":"content","content":"

_____<\/h2>\n

Dark Backgrounds<\/h3>\n

Working on a dark background (such as the Dark Gray Canvas Map), can be very effective and impactful when used properly. A quantitative color ramp needs to be handled with care though.<\/p>\n

We build color ramps specifically for dark backgrounds, and generally they are the reverse of what we do for a light background, with the highest value being light\/bright and the lowest value being dark\/subdued.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458802,"id":1458802,"title":"Testbed","filename":"HighLow_Dark_1.jpg","filesize":173794,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-8","alt":"A two-color High-Low ramp on a dark background","author":"4491","description":"","caption":"","name":"testbed-8","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 20:28:57","modified":"2022-01-13 20:29:29","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":671,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1.jpg","medium-width":464,"medium-height":156,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1.jpg","medium_large-width":768,"medium_large-height":258,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1.jpg","large-width":1920,"large-height":644,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1-1536x515.jpg","1536x1536-width":1536,"1536x1536-height":515,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1.jpg","2048x2048-width":2000,"2048x2048-height":671,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1-826x277.jpg","card_image-width":826,"card_image-height":277,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/HighLow_Dark_1-1920x644.jpg","wide_image-width":1920,"wide_image-height":644}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

However, users may interpret it the other way (it\u2019s how they\u2019ve been conditioned) without strong signals to say that this is what we\u2019ve done. Ideally there will be large areas of basemap\/background visible to give the distribution a context. If not, a prominent legend (or similar device) may be necessary.<\/p>\n

Here is an example from a Map of Noise Pollution<\/a> in a Story Map by Esri’s Emily Meriam and Michael Dangermond. This is\u00a0 one that works well with or without a legend.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1460022,"id":1460022,"title":"Web","filename":"Noise_MapRamp.jpg","filesize":497604,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/web-4","alt":"SCreen capture of the Noise pollution map, with a sample ramp","author":"4491","description":"","caption":"","name":"web-4","status":"inherit","uploaded_to":1458322,"date":"2022-01-14 23:25:11","modified":"2022-01-14 23:25:30","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2500,"height":896,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp.jpg","medium-width":464,"medium-height":166,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp.jpg","medium_large-width":768,"medium_large-height":275,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp.jpg","large-width":1920,"large-height":688,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp-1536x551.jpg","1536x1536-width":1536,"1536x1536-height":551,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp-2048x734.jpg","2048x2048-width":2048,"2048x2048-height":734,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp-826x296.jpg","card_image-width":826,"card_image-height":296,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp-1920x688.jpg","wide_image-width":1920,"wide_image-height":688}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Noise_MapRamp.jpg"},{"acf_fc_layout":"content","content":"

_____<\/h2>\n

Color Blindness<\/h3>\n

This is not an issue at all for single-color ramps (as long as your colors don\u2019t clash with other features on the map). It shouldn\u2019t be an issue for the two-color versions, because of the tonal separation between the colors. However, it\u2019s always worth taking a look at the effects in a simulator to see if you are happy with the result.<\/p>\n

 <\/p>\n

Above-Below<\/h2>\n

Again, we normally work with a ten-color palette when we are building these, but for the sake of this demonstration I\u2019ll use nine. That gives us a center value to work with.<\/p>\n

Here is a conventional approach. I\u2019m defining the extremes and the center value:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1460892,"id":1460892,"title":"Testbed","filename":"AboveBelow_1-1.jpg","filesize":193589,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-13","alt":"An above-below color ramp with a blended middle color","author":"4491","description":"","caption":"","name":"testbed-13","status":"inherit","uploaded_to":1458322,"date":"2022-01-18 16:04:52","modified":"2022-01-18 16:06:05","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":633,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1.jpg","medium-width":464,"medium-height":147,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1.jpg","medium_large-width":768,"medium_large-height":243,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1.jpg","large-width":1920,"large-height":608,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1-1536x486.jpg","1536x1536-width":1536,"1536x1536-height":486,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1.jpg","2048x2048-width":2000,"2048x2048-height":633,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1-826x261.jpg","card_image-width":826,"card_image-height":261,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_1-1-1920x608.jpg","wide_image-width":1920,"wide_image-height":608}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The middle color is created by blending the two extremes, then lightening it, so it should be a true \u2018middle ground\u2019.<\/p>\n

_____<\/p>\n

In this version, the middle is defined as neutral (gray)… but be careful! This may be a problem if your background is primarily gray – you may be implying \u2018no value\u2019 in the middle. (Some of the ramps we supply use white as the center, and these would be an issue if the background was white).<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1460902,"id":1460902,"title":"Testbed","filename":"AboveBelow_2-1.jpg","filesize":190582,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-14","alt":"An above-below color ramp witha gray middle color","author":"4491","description":"","caption":"","name":"testbed-14","status":"inherit","uploaded_to":1458322,"date":"2022-01-18 16:05:35","modified":"2022-01-18 16:05:43","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":632,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1.jpg","medium-width":464,"medium-height":147,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1.jpg","medium_large-width":768,"medium_large-height":243,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1.jpg","large-width":1920,"large-height":607,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1-1536x485.jpg","1536x1536-width":1536,"1536x1536-height":485,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1.jpg","2048x2048-width":2000,"2048x2048-height":632,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1-826x261.jpg","card_image-width":826,"card_image-height":261,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_2-1-1920x607.jpg","wide_image-width":1920,"wide_image-height":607}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

_____<\/p>\n

There may be occasions when we want the middle to be distinctive rather than neutral. Here, a contrasting green is used in the middle. The colors blend from the middle value to each extreme.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1462142,"id":1462142,"title":"Testbed","filename":"AboveBelow_3-1.jpg","filesize":189363,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-15","alt":"","author":"4491","description":"","caption":"","name":"testbed-15","status":"inherit","uploaded_to":1458322,"date":"2022-01-18 20:41:03","modified":"2022-01-18 20:41:03","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":630,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1.jpg","medium-width":464,"medium-height":146,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1.jpg","medium_large-width":768,"medium_large-height":242,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1.jpg","large-width":1920,"large-height":605,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1-1536x484.jpg","1536x1536-width":1536,"1536x1536-height":484,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1.jpg","2048x2048-width":2000,"2048x2048-height":630,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1-826x260.jpg","card_image-width":826,"card_image-height":260,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_3-1-1920x605.jpg","wide_image-width":1920,"wide_image-height":605}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

_____<\/p>\n

In this version the two values either side of the middle are also defined. This keeps the gradients \u2018pure\u2019 and picks out the middle value more clearly.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458852,"id":1458852,"title":"Testbed","filename":"AboveBelow_4.jpg","filesize":215645,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/testbed-12","alt":"An above-below color ramp with a discrete and contrasting middle color","author":"4491","description":"","caption":"","name":"testbed-12","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 20:37:28","modified":"2022-01-18 20:38:17","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2000,"height":626,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4.jpg","medium-width":464,"medium-height":145,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4.jpg","medium_large-width":768,"medium_large-height":240,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4.jpg","large-width":1920,"large-height":601,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4-1536x481.jpg","1536x1536-width":1536,"1536x1536-height":481,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4.jpg","2048x2048-width":2000,"2048x2048-height":626,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4-826x259.jpg","card_image-width":826,"card_image-height":259,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/AboveBelow_4-1920x601.jpg","wide_image-width":1920,"wide_image-height":601}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

_____<\/p>\n

Here is a comparison of a ramp similar to the one above (below the river) against one with a white center (above the river). This one was also used in my previous blog.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1460032,"id":1460032,"title":"London_rampcomp2","filename":"London_rampcomp2.jpg","filesize":735245,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/london_rampcomp2","alt":"Map comparison of a ramp centered on white against a ramp centered on a color","author":"4491","description":"","caption":"","name":"london_rampcomp2","status":"inherit","uploaded_to":1458322,"date":"2022-01-14 23:27:29","modified":"2022-01-14 23:28:35","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1200,"height":395,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","medium-width":464,"medium-height":153,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","medium_large-width":768,"medium_large-height":253,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","large-width":1200,"large-height":395,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","1536x1536-width":1200,"1536x1536-height":395,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","2048x2048-width":1200,"2048x2048-height":395,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2-826x272.jpg","card_image-width":826,"card_image-height":272,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg","wide_image-width":1200,"wide_image-height":395}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/London_rampcomp2.jpg"},{"acf_fc_layout":"content","content":"

_____<\/h2>\n

Color Blindness<\/h3>\n

This should be a consideration as soon as you introduce a second color to the construction, and that is certainly the case here. We check this as a matter of course now for all of our ramps on ArcGIS Online.<\/p>\n

Here is the last sample, adjusted to simulate three of the most common types of color blindness.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1458862,"id":1458862,"title":"ColorOracle_samples_2","filename":"ColorOracle_samples_2.jpg","filesize":102532,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\/colororacle_samples_2","alt":"THe previous color ramp with samples of the effects of color blindness","author":"4491","description":"","caption":"","name":"colororacle_samples_2","status":"inherit","uploaded_to":1458322,"date":"2022-01-13 20:39:03","modified":"2022-01-13 20:39:34","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1467,"height":595,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","medium-width":464,"medium-height":188,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","medium_large-width":768,"medium_large-height":311,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","large-width":1467,"large-height":595,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","1536x1536-width":1467,"1536x1536-height":595,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","2048x2048-width":1467,"2048x2048-height":595,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2-826x335.jpg","card_image-width":826,"card_image-height":335,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/ColorOracle_samples_2.jpg","wide_image-width":1467,"wide_image-height":595}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Note that any simulator creates just that \u2013 a simulation! Color blindness is a bit of a moving target, and you should never assume that what you are seeing is ironclad. If you can find one or more people around you who have a degree of color blindness (and there are more than you might think), run your results past them. It\u2019s a useful cross-check.<\/p>\n

_____<\/p>\n

So, building a color ramp is more than just picking two or three colors and applying the default settings. There are many ways to take those colors and end up with very different results. Decide on what precisely you are trying to show, what context you plan to show it in\u2026<\/p>\n

\u2026then start playing!<\/p>\n"}],"authors":[{"ID":4491,"user_firstname":"Andrew","user_lastname":"Skinner","nickname":"Andrew Skinner","user_nicename":"askinner","display_name":"Andy Skinner","user_email":"ASkinner@esri.com","user_url":"","user_registered":"2018-03-02 00:16:04","user_description":"Andy is a Cartographic Designer who has been building maps for 50 years. He has been working with Esri in Redlands for 16 years, most recently on the creation of some of Esri's vector basemaps, and the development of color ramps for ArcGIS Online. Prior to Esri, he was Manager of Cartographic Design at Rand McNally, and before that a Senior Cartographer at GeoSystems\/MapQuest. He is originally from England, and worked for a number of years at what is now the University of Derby before moving to the USA. Andy can be contacted at: askinner@esri.com","user_avatar":""}],"related_articles":[{"ID":1441492,"post_author":"4491","post_date":"2021-12-17 10:26:42","post_date_gmt":"2021-12-17 18:26:42","post_content":"","post_title":"New Map Viewer Color Ramps for 2021","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"new-map-viewer-color-ramps-for-2021","to_ping":"","pinged":"","post_modified":"2022-01-19 12:05:11","post_modified_gmt":"2022-01-19 20:05:11","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1441492","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"4","filter":"raw"},{"ID":659972,"post_author":"6751","post_date":"2019-11-19 19:55:59","post_date_gmt":"2019-11-20 03:55:59","post_content":"","post_title":"New color ramps in Map Viewer","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"new-color-ramps-in-map-viewer-beta","to_ping":"","pinged":"","post_modified":"2024-06-20 09:45:45","post_modified_gmt":"2024-06-20 16:45:45","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=659972","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1066281,"post_author":"4491","post_date":"2020-11-25 08:55:29","post_date_gmt":"2020-11-25 16:55:29","post_content":"","post_title":"Red \u2026 Green \u2026 What?","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"red-green-what","to_ping":"","pinged":"","post_modified":"2020-11-25 12:41:12","post_modified_gmt":"2020-11-25 20:41:12","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1066281","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Color_BreakingAway_Card.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Color_BreakingAway_Banner.jpg"},"yoast_head":"\nColor Ramps: Breaking away from presets<\/title>\n<meta name=\"description\" content=\"Create your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Ramps: Breaking away from presets\" \/>\n<meta property=\"og:description\" content=\"Create your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-20T02:37:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\"},\"author\":{\"name\":\"Andy Skinner\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/00d13402955c9135c466e4ff2a79050d\"},\"headline\":\"Color Ramps: Breaking away from presets\",\"datePublished\":\"2022-01-18T21:24:37+00:00\",\"dateModified\":\"2022-01-20T02:37:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\"},\"wordCount\":6,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS Online\",\"ArcGIS Pro\",\"cartographic design\",\"cartography\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\",\"name\":\"Color Ramps: Breaking away from presets\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2022-01-18T21:24:37+00:00\",\"dateModified\":\"2022-01-20T02:37:03+00:00\",\"description\":\"Create your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color Ramps: Breaking away from presets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/00d13402955c9135c466e4ff2a79050d\",\"name\":\"Andy Skinner\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/CartoonMe_2017_lr.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/CartoonMe_2017_lr.png\",\"caption\":\"Andy Skinner\"},\"description\":\"Andy is a Cartographic Designer who has been building maps for 50 years. He has been working with Esri in Redlands for 16 years, most recently on the creation of some of Esri's vector basemaps, and the development of color ramps for ArcGIS Online. Prior to Esri, he was Manager of Cartographic Design at Rand McNally, and before that a Senior Cartographer at GeoSystems\/MapQuest. He is originally from England, and worked for a number of years at what is now the University of Derby before moving to the USA. Andy can be contacted at: askinner@esri.com\",\"sameAs\":[\"ajskinnermap\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/askinner\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Color Ramps: Breaking away from presets","description":"Create your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets","og_locale":"en_US","og_type":"article","og_title":"Color Ramps: Breaking away from presets","og_description":"Create your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2022-01-20T02:37:03+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets"},"author":{"name":"Andy Skinner","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/00d13402955c9135c466e4ff2a79050d"},"headline":"Color Ramps: Breaking away from presets","datePublished":"2022-01-18T21:24:37+00:00","dateModified":"2022-01-20T02:37:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets"},"wordCount":6,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS Online","ArcGIS Pro","cartographic design","cartography"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets","name":"Color Ramps: Breaking away from presets","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2022-01-18T21:24:37+00:00","dateModified":"2022-01-20T02:37:03+00:00","description":"Create your own color ramps when those available in ArcGIS Pro and ArcGIS Online are not working for you.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/color-ramps-breaking-away-from-presets#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Color Ramps: Breaking away from presets"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/00d13402955c9135c466e4ff2a79050d","name":"Andy Skinner","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/CartoonMe_2017_lr.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/CartoonMe_2017_lr.png","caption":"Andy Skinner"},"description":"Andy is a Cartographic Designer who has been building maps for 50 years. He has been working with Esri in Redlands for 16 years, most recently on the creation of some of Esri's vector basemaps, and the development of color ramps for ArcGIS Online. Prior to Esri, he was Manager of Cartographic Design at Rand McNally, and before that a Senior Cartographer at GeoSystems\/MapQuest. He is originally from England, and worked for a number of years at what is now the University of Derby before moving to the USA. Andy can be contacted at: askinner@esri.com","sameAs":["ajskinnermap"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/askinner"}]}},"text_date":"January 18, 2022","author_name":"Andy Skinner","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/askinner","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/01\/Color_BreakingAway_Banner.jpg","primary_product":"ArcGIS Online","tag_data":[{"term_id":42641,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":42641,"taxonomy":"post_tag","description":"","parent":0,"count":417,"filter":"raw"},{"term_id":42181,"name":"ArcGIS Pro","slug":"arcgis-pro","term_group":0,"term_taxonomy_id":42181,"taxonomy":"post_tag","description":"","parent":0,"count":323,"filter":"raw"},{"term_id":23201,"name":"cartographic design","slug":"cartographic-design","term_group":0,"term_taxonomy_id":23201,"taxonomy":"post_tag","description":"","parent":0,"count":332,"filter":"raw"},{"term_id":26451,"name":"cartography","slug":"cartography","term_group":0,"term_taxonomy_id":26451,"taxonomy":"post_tag","description":"","parent":0,"count":558,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2683,"filter":"raw"}],"product_data":[{"term_id":36581,"name":"ArcGIS Living Atlas","slug":"arcgis-living-atlas","term_group":0,"term_taxonomy_id":36581,"taxonomy":"product","description":"","parent":0,"count":1164,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2419,"filter":"raw"},{"term_id":36561,"name":"ArcGIS Pro","slug":"arcgis-pro","term_group":0,"term_taxonomy_id":36561,"taxonomy":"product","description":"","parent":0,"count":2035,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1458322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/4491"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1458322"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1458322\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1458322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1458322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1458322"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1458322"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1458322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}