CSS scales

Diverging and sequential color scales from ColorBrewer and van der Walt, Smith and Firing, approximated as CSS gradients.

The gradients not only look great but are accessible and contain a wide range of colors suitable for people with colorblindness.

cool #

background: #44acab;
background-image: linear-gradient(90deg, #6e40aa, #6154c8, #4c6edb, #368ce1, #24aad8, #1ac7c2, #1ddea3, #30ee83, #52f667, #7ef658, #7ef658);
$cool-fallback : #44acab; 
$cool-0 : #6e40aa; 
$cool-1 : #6154c8; 
$cool-2 : #4c6edb; 
$cool-3 : #368ce1; 
$cool-4 : #24aad8; 
$cool-5 : #1ac7c2; 
$cool-6 : #1ddea3; 
$cool-7 : #30ee83; 
$cool-8 : #52f667; 
$cool-9 : #7ef658; 

background: $cool-fallback;
background-image: linear-gradient(90deg, $cool-0, $cool-1, $cool-2, $cool-3, $cool-4, $cool-5, $cool-6, $cool-7, $cool-8, $cool-9, $cool-9);
$cool-fallback : #44acab;
$cool-array : #6e40aa, #6154c8, #4c6edb, #368ce1, #24aad8, #1ac7c2, #1ddea3, #30ee83, #52f667, #7ef658, #7ef658;

background: $cool-fallback;
background-image: linear-gradient(90deg, $cool-array);
var cool_fallback = '#44acab';
var cool_array = ['#6e40aa', '#6154c8', '#4c6edb', '#368ce1', '#24aad8', '#1ac7c2', '#1ddea3', '#30ee83', '#52f667', '#7ef658', '#7ef658'];
Fallback:
#44acab

Colors:
#6e40aa #6154c8 #4c6edb #368ce1 #24aad8 #1ac7c2 #1ddea3 #30ee83 #52f667 #7ef658
Copy to Clipboard

viridis #

background: #4a7d70;
background-image: linear-gradient(90deg, #440154, #482475, #414487, #355f8d, #2a788e, #21908d, #22a884, #42be71, #7ad151, #bddf26, #bddf26);
$viridis-fallback : #4a7d70; 
$viridis-0 : #440154; 
$viridis-1 : #482475; 
$viridis-2 : #414487; 
$viridis-3 : #355f8d; 
$viridis-4 : #2a788e; 
$viridis-5 : #21908d; 
$viridis-6 : #22a884; 
$viridis-7 : #42be71; 
$viridis-8 : #7ad151; 
$viridis-9 : #bddf26; 

background: $viridis-fallback;
background-image: linear-gradient(90deg, $viridis-0, $viridis-1, $viridis-2, $viridis-3, $viridis-4, $viridis-5, $viridis-6, $viridis-7, $viridis-8, $viridis-9, $viridis-9);
$viridis-fallback : #4a7d70;
$viridis-array : #440154, #482475, #414487, #355f8d, #2a788e, #21908d, #22a884, #42be71, #7ad151, #bddf26, #bddf26;

background: $viridis-fallback;
background-image: linear-gradient(90deg, $viridis-array);
var viridis_fallback = '#4a7d70';
var viridis_array = ['#440154', '#482475', '#414487', '#355f8d', '#2a788e', '#21908d', '#22a884', '#42be71', '#7ad151', '#bddf26', '#bddf26'];
Fallback:
#4a7d70

Colors:
#440154 #482475 #414487 #355f8d #2a788e #21908d #22a884 #42be71 #7ad151 #bddf26
Copy to Clipboard

inferno #

background: #95483f;
background-image: linear-gradient(90deg, #000004, #160b39, #420a68, #6a176e, #932667, #ba3655, #dd513a, #f3761b, #fca50a, #f6d746, #f6d746);
$inferno-fallback : #95483f; 
$inferno-0 : #000004; 
$inferno-1 : #160b39; 
$inferno-2 : #420a68; 
$inferno-3 : #6a176e; 
$inferno-4 : #932667; 
$inferno-5 : #ba3655; 
$inferno-6 : #dd513a; 
$inferno-7 : #f3761b; 
$inferno-8 : #fca50a; 
$inferno-9 : #f6d746; 

background: $inferno-fallback;
background-image: linear-gradient(90deg, $inferno-0, $inferno-1, $inferno-2, $inferno-3, $inferno-4, $inferno-5, $inferno-6, $inferno-7, $inferno-8, $inferno-9, $inferno-9);
$inferno-fallback : #95483f;
$inferno-array : #000004, #160b39, #420a68, #6a176e, #932667, #ba3655, #dd513a, #f3761b, #fca50a, #f6d746, #f6d746;

background: $inferno-fallback;
background-image: linear-gradient(90deg, $inferno-array);
var inferno_fallback = '#95483f';
var inferno_array = ['#000004', '#160b39', '#420a68', '#6a176e', '#932667', '#ba3655', '#dd513a', '#f3761b', '#fca50a', '#f6d746', '#f6d746'];
Fallback:
#95483f

Colors:
#000004 #160b39 #420a68 #6a176e #932667 #ba3655 #dd513a #f3761b #fca50a #f6d746
Copy to Clipboard

magma #

background: #944664;
background-image: linear-gradient(90deg, #000004, #140e36, #3b0f70, #641a80, #8c2981, #b5367a, #de4968, #f66e5c, #fe9f6d, #fecf92, #fecf92);
$magma-fallback : #944664; 
$magma-0 : #000004; 
$magma-1 : #140e36; 
$magma-2 : #3b0f70; 
$magma-3 : #641a80; 
$magma-4 : #8c2981; 
$magma-5 : #b5367a; 
$magma-6 : #de4968; 
$magma-7 : #f66e5c; 
$magma-8 : #fe9f6d; 
$magma-9 : #fecf92; 

background: $magma-fallback;
background-image: linear-gradient(90deg, $magma-0, $magma-1, $magma-2, $magma-3, $magma-4, $magma-5, $magma-6, $magma-7, $magma-8, $magma-9, $magma-9);
$magma-fallback : #944664;
$magma-array : #000004, #140e36, #3b0f70, #641a80, #8c2981, #b5367a, #de4968, #f66e5c, #fe9f6d, #fecf92, #fecf92;

background: $magma-fallback;
background-image: linear-gradient(90deg, $magma-array);
var magma_fallback = '#944664';
var magma_array = ['#000004', '#140e36', '#3b0f70', '#641a80', '#8c2981', '#b5367a', '#de4968', '#f66e5c', '#fe9f6d', '#fecf92', '#fecf92'];
Fallback:
#944664

Colors:
#000004 #140e36 #3b0f70 #641a80 #8c2981 #b5367a #de4968 #f66e5c #fe9f6d #fecf92
Copy to Clipboard

plasma #

background: #a84a73;
background-image: linear-gradient(90deg, #0d0887, #41049d, #6a00a8, #8f0da4, #b12a90, #cb4679, #e16462, #f1834c, #fca636, #fcce25, #fcce25);
$plasma-fallback : #a84a73; 
$plasma-0 : #0d0887; 
$plasma-1 : #41049d; 
$plasma-2 : #6a00a8; 
$plasma-3 : #8f0da4; 
$plasma-4 : #b12a90; 
$plasma-5 : #cb4679; 
$plasma-6 : #e16462; 
$plasma-7 : #f1834c; 
$plasma-8 : #fca636; 
$plasma-9 : #fcce25; 

background: $plasma-fallback;
background-image: linear-gradient(90deg, $plasma-0, $plasma-1, $plasma-2, $plasma-3, $plasma-4, $plasma-5, $plasma-6, $plasma-7, $plasma-8, $plasma-9, $plasma-9);
$plasma-fallback : #a84a73;
$plasma-array : #0d0887, #41049d, #6a00a8, #8f0da4, #b12a90, #cb4679, #e16462, #f1834c, #fca636, #fcce25, #fcce25;

background: $plasma-fallback;
background-image: linear-gradient(90deg, $plasma-array);
var plasma_fallback = '#a84a73';
var plasma_array = ['#0d0887', '#41049d', '#6a00a8', '#8f0da4', '#b12a90', '#cb4679', '#e16462', '#f1834c', '#fca636', '#fcce25', '#fcce25'];
Fallback:
#a84a73

Colors:
#0d0887 #41049d #6a00a8 #8f0da4 #b12a90 #cb4679 #e16462 #f1834c #fca636 #fcce25
Copy to Clipboard

warm #

background: #d46d72;
background-image: linear-gradient(90deg, #6e40aa, #963db3, #bf3caf, #e3419e, #fe4b83, #ff5e64, #ff7747, #fb9633, #e2b72f, #c7d63c, #c7d63c);
$warm-fallback : #d46d72; 
$warm-0 : #6e40aa; 
$warm-1 : #963db3; 
$warm-2 : #bf3caf; 
$warm-3 : #e3419e; 
$warm-4 : #fe4b83; 
$warm-5 : #ff5e64; 
$warm-6 : #ff7747; 
$warm-7 : #fb9633; 
$warm-8 : #e2b72f; 
$warm-9 : #c7d63c; 

background: $warm-fallback;
background-image: linear-gradient(90deg, $warm-0, $warm-1, $warm-2, $warm-3, $warm-4, $warm-5, $warm-6, $warm-7, $warm-8, $warm-9, $warm-9);
$warm-fallback : #d46d72;
$warm-array : #6e40aa, #963db3, #bf3caf, #e3419e, #fe4b83, #ff5e64, #ff7747, #fb9633, #e2b72f, #c7d63c, #c7d63c;

background: $warm-fallback;
background-image: linear-gradient(90deg, $warm-array);
var warm_fallback = '#d46d72';
var warm_array = ['#6e40aa', '#963db3', '#bf3caf', '#e3419e', '#fe4b83', '#ff5e64', '#ff7747', '#fb9633', '#e2b72f', '#c7d63c', '#c7d63c'];
Fallback:
#d46d72

Colors:
#6e40aa #963db3 #bf3caf #e3419e #fe4b83 #ff5e64 #ff7747 #fb9633 #e2b72f #c7d63c
Copy to Clipboard

spectral #

background: #c1a082;
background-image: linear-gradient(90deg, #9e0142, #d13b4b, #f0704a, #fcab63, #fedc8c, #fbf8b0, #e0f3a1, #aadda2, #69bda9, #4288b5, #4288b5);
$spectral-fallback : #c1a082; 
$spectral-0 : #9e0142; 
$spectral-1 : #d13b4b; 
$spectral-2 : #f0704a; 
$spectral-3 : #fcab63; 
$spectral-4 : #fedc8c; 
$spectral-5 : #fbf8b0; 
$spectral-6 : #e0f3a1; 
$spectral-7 : #aadda2; 
$spectral-8 : #69bda9; 
$spectral-9 : #4288b5; 

background: $spectral-fallback;
background-image: linear-gradient(90deg, $spectral-0, $spectral-1, $spectral-2, $spectral-3, $spectral-4, $spectral-5, $spectral-6, $spectral-7, $spectral-8, $spectral-9, $spectral-9);
$spectral-fallback : #c1a082;
$spectral-array : #9e0142, #d13b4b, #f0704a, #fcab63, #fedc8c, #fbf8b0, #e0f3a1, #aadda2, #69bda9, #4288b5, #4288b5;

background: $spectral-fallback;
background-image: linear-gradient(90deg, $spectral-array);
var spectral_fallback = '#c1a082';
var spectral_array = ['#9e0142', '#d13b4b', '#f0704a', '#fcab63', '#fedc8c', '#fbf8b0', '#e0f3a1', '#aadda2', '#69bda9', '#4288b5', '#4288b5'];
Fallback:
#c1a082

Colors:
#9e0142 #d13b4b #f0704a #fcab63 #fedc8c #fbf8b0 #e0f3a1 #aadda2 #69bda9 #4288b5
Copy to Clipboard

rainbow #

background: #90958a;
background-image: linear-gradient(90deg, #6e40aa, #be3caf, #fe4b83, #ff7747, #e3b62f, #b0ef5a, #53f666, #1edfa2, #23acd8, #4c6fdc, #4c6fdc);
$rainbow-fallback : #90958a; 
$rainbow-0 : #6e40aa; 
$rainbow-1 : #be3caf; 
$rainbow-2 : #fe4b83; 
$rainbow-3 : #ff7747; 
$rainbow-4 : #e3b62f; 
$rainbow-5 : #b0ef5a; 
$rainbow-6 : #53f666; 
$rainbow-7 : #1edfa2; 
$rainbow-8 : #23acd8; 
$rainbow-9 : #4c6fdc; 

background: $rainbow-fallback;
background-image: linear-gradient(90deg, $rainbow-0, $rainbow-1, $rainbow-2, $rainbow-3, $rainbow-4, $rainbow-5, $rainbow-6, $rainbow-7, $rainbow-8, $rainbow-9, $rainbow-9);
$rainbow-fallback : #90958a;
$rainbow-array : #6e40aa, #be3caf, #fe4b83, #ff7747, #e3b62f, #b0ef5a, #53f666, #1edfa2, #23acd8, #4c6fdc, #4c6fdc;

background: $rainbow-fallback;
background-image: linear-gradient(90deg, $rainbow-array);
var rainbow_fallback = '#90958a';
var rainbow_array = ['#6e40aa', '#be3caf', '#fe4b83', '#ff7747', '#e3b62f', '#b0ef5a', '#53f666', '#1edfa2', '#23acd8', '#4c6fdc', '#4c6fdc'];
Fallback:
#90958a

Colors:
#6e40aa #be3caf #fe4b83 #ff7747 #e3b62f #b0ef5a #53f666 #1edfa2 #23acd8 #4c6fdc
Copy to Clipboard

cubehelix #

background: #727374;
background-image: linear-gradient(90deg, #000000, #1a1530, #163d4e, #1f6642, #53792f, #a07949, #d07e93, #d09cd9, #c1caf3, #d2eeef, #d2eeef);
$cubehelix-fallback : #727374; 
$cubehelix-0 : #000000; 
$cubehelix-1 : #1a1530; 
$cubehelix-2 : #163d4e; 
$cubehelix-3 : #1f6642; 
$cubehelix-4 : #53792f; 
$cubehelix-5 : #a07949; 
$cubehelix-6 : #d07e93; 
$cubehelix-7 : #d09cd9; 
$cubehelix-8 : #c1caf3; 
$cubehelix-9 : #d2eeef; 

background: $cubehelix-fallback;
background-image: linear-gradient(90deg, $cubehelix-0, $cubehelix-1, $cubehelix-2, $cubehelix-3, $cubehelix-4, $cubehelix-5, $cubehelix-6, $cubehelix-7, $cubehelix-8, $cubehelix-9, $cubehelix-9);
$cubehelix-fallback : #727374;
$cubehelix-array : #000000, #1a1530, #163d4e, #1f6642, #53792f, #a07949, #d07e93, #d09cd9, #c1caf3, #d2eeef, #d2eeef;

background: $cubehelix-fallback;
background-image: linear-gradient(90deg, $cubehelix-array);
var cubehelix_fallback = '#727374';
var cubehelix_array = ['#000000', '#1a1530', '#163d4e', '#1f6642', '#53792f', '#a07949', '#d07e93', '#d09cd9', '#c1caf3', '#d2eeef', '#d2eeef'];
Fallback:
#727374

Colors:
#000000 #1a1530 #163d4e #1f6642 #53792f #a07949 #d07e93 #d09cd9 #c1caf3 #d2eeef
Copy to Clipboard

RdYlGn #

background: #bd9f63;
background-image: linear-gradient(90deg, #a50026, #d3322b, #f16d43, #fcab63, #fedc8c, #f9f7ae, #d7ee8e, #a4d86f, #64bc61, #23964f, #23964f);
$RdYlGn-fallback : #bd9f63; 
$RdYlGn-0 : #a50026; 
$RdYlGn-1 : #d3322b; 
$RdYlGn-2 : #f16d43; 
$RdYlGn-3 : #fcab63; 
$RdYlGn-4 : #fedc8c; 
$RdYlGn-5 : #f9f7ae; 
$RdYlGn-6 : #d7ee8e; 
$RdYlGn-7 : #a4d86f; 
$RdYlGn-8 : #64bc61; 
$RdYlGn-9 : #23964f; 

background: $RdYlGn-fallback;
background-image: linear-gradient(90deg, $RdYlGn-0, $RdYlGn-1, $RdYlGn-2, $RdYlGn-3, $RdYlGn-4, $RdYlGn-5, $RdYlGn-6, $RdYlGn-7, $RdYlGn-8, $RdYlGn-9, $RdYlGn-9);
$RdYlGn-fallback : #bd9f63;
$RdYlGn-array : #a50026, #d3322b, #f16d43, #fcab63, #fedc8c, #f9f7ae, #d7ee8e, #a4d86f, #64bc61, #23964f, #23964f;

background: $RdYlGn-fallback;
background-image: linear-gradient(90deg, $RdYlGn-array);
var RdYlGn_fallback = '#bd9f63';
var RdYlGn_array = ['#a50026', '#d3322b', '#f16d43', '#fcab63', '#fedc8c', '#f9f7ae', '#d7ee8e', '#a4d86f', '#64bc61', '#23964f', '#23964f'];
Fallback:
#bd9f63

Colors:
#a50026 #d3322b #f16d43 #fcab63 #fedc8c #f9f7ae #d7ee8e #a4d86f #64bc61 #23964f
Copy to Clipboard

RdYlBu #

background: #c49a90;
background-image: linear-gradient(90deg, #a50026, #d3322b, #f16d43, #fcab64, #fedc90, #faf8c0, #dcf1ec, #abd6e8, #76abd0, #4a74b4, #4a74b4);
$RdYlBu-fallback : #c49a90; 
$RdYlBu-0 : #a50026; 
$RdYlBu-1 : #d3322b; 
$RdYlBu-2 : #f16d43; 
$RdYlBu-3 : #fcab64; 
$RdYlBu-4 : #fedc90; 
$RdYlBu-5 : #faf8c0; 
$RdYlBu-6 : #dcf1ec; 
$RdYlBu-7 : #abd6e8; 
$RdYlBu-8 : #76abd0; 
$RdYlBu-9 : #4a74b4; 

background: $RdYlBu-fallback;
background-image: linear-gradient(90deg, $RdYlBu-0, $RdYlBu-1, $RdYlBu-2, $RdYlBu-3, $RdYlBu-4, $RdYlBu-5, $RdYlBu-6, $RdYlBu-7, $RdYlBu-8, $RdYlBu-9, $RdYlBu-9);
$RdYlBu-fallback : #c49a90;
$RdYlBu-array : #a50026, #d3322b, #f16d43, #fcab64, #fedc90, #faf8c0, #dcf1ec, #abd6e8, #76abd0, #4a74b4, #4a74b4;

background: $RdYlBu-fallback;
background-image: linear-gradient(90deg, $RdYlBu-array);
var RdYlBu_fallback = '#c49a90';
var RdYlBu_array = ['#a50026', '#d3322b', '#f16d43', '#fcab64', '#fedc90', '#faf8c0', '#dcf1ec', '#abd6e8', '#76abd0', '#4a74b4', '#4a74b4'];
Fallback:
#c49a90

Colors:
#a50026 #d3322b #f16d43 #fcab64 #fedc90 #faf8c0 #dcf1ec #abd6e8 #76abd0 #4a74b4
Copy to Clipboard

PuBuGn #

background: #7eafc1;
background-image: linear-gradient(90deg, #fff7fb, #efe7f2, #dbd8ea, #bfc9e2, #98b9d9, #6aa8cf, #4096c0, #1987a0, #047877, #016353, #016353);
$PuBuGn-fallback : #7eafc1; 
$PuBuGn-0 : #fff7fb; 
$PuBuGn-1 : #efe7f2; 
$PuBuGn-2 : #dbd8ea; 
$PuBuGn-3 : #bfc9e2; 
$PuBuGn-4 : #98b9d9; 
$PuBuGn-5 : #6aa8cf; 
$PuBuGn-6 : #4096c0; 
$PuBuGn-7 : #1987a0; 
$PuBuGn-8 : #047877; 
$PuBuGn-9 : #016353; 

background: $PuBuGn-fallback;
background-image: linear-gradient(90deg, $PuBuGn-0, $PuBuGn-1, $PuBuGn-2, $PuBuGn-3, $PuBuGn-4, $PuBuGn-5, $PuBuGn-6, $PuBuGn-7, $PuBuGn-8, $PuBuGn-9, $PuBuGn-9);
$PuBuGn-fallback : #7eafc1;
$PuBuGn-array : #fff7fb, #efe7f2, #dbd8ea, #bfc9e2, #98b9d9, #6aa8cf, #4096c0, #1987a0, #047877, #016353, #016353;

background: $PuBuGn-fallback;
background-image: linear-gradient(90deg, $PuBuGn-array);
var PuBuGn_fallback = '#7eafc1';
var PuBuGn_array = ['#fff7fb', '#efe7f2', '#dbd8ea', '#bfc9e2', '#98b9d9', '#6aa8cf', '#4096c0', '#1987a0', '#047877', '#016353', '#016353'];
Fallback:
#7eafc1

Colors:
#fff7fb #efe7f2 #dbd8ea #bfc9e2 #98b9d9 #6aa8cf #4096c0 #1987a0 #047877 #016353
Copy to Clipboard

YlGnBu #

background: #78aeb5;
background-image: linear-gradient(90deg, #ffffd9, #eff9bd, #d5efb3, #a9ddb7, #74c9bd, #46b4c2, #2897bf, #2073b2, #234ea0, #1d3185, #1d3185);
$YlGnBu-fallback : #78aeb5; 
$YlGnBu-0 : #ffffd9; 
$YlGnBu-1 : #eff9bd; 
$YlGnBu-2 : #d5efb3; 
$YlGnBu-3 : #a9ddb7; 
$YlGnBu-4 : #74c9bd; 
$YlGnBu-5 : #46b4c2; 
$YlGnBu-6 : #2897bf; 
$YlGnBu-7 : #2073b2; 
$YlGnBu-8 : #234ea0; 
$YlGnBu-9 : #1d3185; 

background: $YlGnBu-fallback;
background-image: linear-gradient(90deg, $YlGnBu-0, $YlGnBu-1, $YlGnBu-2, $YlGnBu-3, $YlGnBu-4, $YlGnBu-5, $YlGnBu-6, $YlGnBu-7, $YlGnBu-8, $YlGnBu-9, $YlGnBu-9);
$YlGnBu-fallback : #78aeb5;
$YlGnBu-array : #ffffd9, #eff9bd, #d5efb3, #a9ddb7, #74c9bd, #46b4c2, #2897bf, #2073b2, #234ea0, #1d3185, #1d3185;

background: $YlGnBu-fallback;
background-image: linear-gradient(90deg, $YlGnBu-array);
var YlGnBu_fallback = '#78aeb5';
var YlGnBu_array = ['#ffffd9', '#eff9bd', '#d5efb3', '#a9ddb7', '#74c9bd', '#46b4c2', '#2897bf', '#2073b2', '#234ea0', '#1d3185', '#1d3185'];
Fallback:
#78aeb5

Colors:
#ffffd9 #eff9bd #d5efb3 #a9ddb7 #74c9bd #46b4c2 #2897bf #2073b2 #234ea0 #1d3185
Copy to Clipboard

GnBu #

background: #87c3c7;
background-image: linear-gradient(90deg, #f7fcf0, #e5f5df, #d4eece, #bde5bf, #9fd9bb, #7bcbc4, #58b7cd, #399cc6, #1e7eb7, #0b60a1, #0b60a1);
$GnBu-fallback : #87c3c7; 
$GnBu-0 : #f7fcf0; 
$GnBu-1 : #e5f5df; 
$GnBu-2 : #d4eece; 
$GnBu-3 : #bde5bf; 
$GnBu-4 : #9fd9bb; 
$GnBu-5 : #7bcbc4; 
$GnBu-6 : #58b7cd; 
$GnBu-7 : #399cc6; 
$GnBu-8 : #1e7eb7; 
$GnBu-9 : #0b60a1; 

background: $GnBu-fallback;
background-image: linear-gradient(90deg, $GnBu-0, $GnBu-1, $GnBu-2, $GnBu-3, $GnBu-4, $GnBu-5, $GnBu-6, $GnBu-7, $GnBu-8, $GnBu-9, $GnBu-9);
$GnBu-fallback : #87c3c7;
$GnBu-array : #f7fcf0, #e5f5df, #d4eece, #bde5bf, #9fd9bb, #7bcbc4, #58b7cd, #399cc6, #1e7eb7, #0b60a1, #0b60a1;

background: $GnBu-fallback;
background-image: linear-gradient(90deg, $GnBu-array);
var GnBu_fallback = '#87c3c7';
var GnBu_array = ['#f7fcf0', '#e5f5df', '#d4eece', '#bde5bf', '#9fd9bb', '#7bcbc4', '#58b7cd', '#399cc6', '#1e7eb7', '#0b60a1', '#0b60a1'];
Fallback:
#87c3c7

Colors:
#f7fcf0 #e5f5df #d4eece #bde5bf #9fd9bb #7bcbc4 #58b7cd #399cc6 #1e7eb7 #0b60a1
Copy to Clipboard

YlOrRd #

background: #f08b5a;
background-image: linear-gradient(90deg, #ffffcc, #fff1a9, #fee087, #fec966, #feab4b, #fd893c, #fa5c2e, #ec3023, #d31121, #af0225, #af0225);
$YlOrRd-fallback : #f08b5a; 
$YlOrRd-0 : #ffffcc; 
$YlOrRd-1 : #fff1a9; 
$YlOrRd-2 : #fee087; 
$YlOrRd-3 : #fec966; 
$YlOrRd-4 : #feab4b; 
$YlOrRd-5 : #fd893c; 
$YlOrRd-6 : #fa5c2e; 
$YlOrRd-7 : #ec3023; 
$YlOrRd-8 : #d31121; 
$YlOrRd-9 : #af0225; 

background: $YlOrRd-fallback;
background-image: linear-gradient(90deg, $YlOrRd-0, $YlOrRd-1, $YlOrRd-2, $YlOrRd-3, $YlOrRd-4, $YlOrRd-5, $YlOrRd-6, $YlOrRd-7, $YlOrRd-8, $YlOrRd-9, $YlOrRd-9);
$YlOrRd-fallback : #f08b5a;
$YlOrRd-array : #ffffcc, #fff1a9, #fee087, #fec966, #feab4b, #fd893c, #fa5c2e, #ec3023, #d31121, #af0225, #af0225;

background: $YlOrRd-fallback;
background-image: linear-gradient(90deg, $YlOrRd-array);
var YlOrRd_fallback = '#f08b5a';
var YlOrRd_array = ['#ffffcc', '#fff1a9', '#fee087', '#fec966', '#feab4b', '#fd893c', '#fa5c2e', '#ec3023', '#d31121', '#af0225', '#af0225'];
Fallback:
#f08b5a

Colors:
#ffffcc #fff1a9 #fee087 #fec966 #feab4b #fd893c #fa5c2e #ec3023 #d31121 #af0225
Copy to Clipboard

YlOrBr #

background: #e6a257;
background-image: linear-gradient(90deg, #ffffe5, #fff8c4, #feeba2, #fed676, #febb4a, #fb9a2c, #ee7919, #d85b0a, #b74304, #8f3204, #8f3204);
$YlOrBr-fallback : #e6a257; 
$YlOrBr-0 : #ffffe5; 
$YlOrBr-1 : #fff8c4; 
$YlOrBr-2 : #feeba2; 
$YlOrBr-3 : #fed676; 
$YlOrBr-4 : #febb4a; 
$YlOrBr-5 : #fb9a2c; 
$YlOrBr-6 : #ee7919; 
$YlOrBr-7 : #d85b0a; 
$YlOrBr-8 : #b74304; 
$YlOrBr-9 : #8f3204; 

background: $YlOrBr-fallback;
background-image: linear-gradient(90deg, $YlOrBr-0, $YlOrBr-1, $YlOrBr-2, $YlOrBr-3, $YlOrBr-4, $YlOrBr-5, $YlOrBr-6, $YlOrBr-7, $YlOrBr-8, $YlOrBr-9, $YlOrBr-9);
$YlOrBr-fallback : #e6a257;
$YlOrBr-array : #ffffe5, #fff8c4, #feeba2, #fed676, #febb4a, #fb9a2c, #ee7919, #d85b0a, #b74304, #8f3204, #8f3204;

background: $YlOrBr-fallback;
background-image: linear-gradient(90deg, $YlOrBr-array);
var YlOrBr_fallback = '#e6a257';
var YlOrBr_array = ['#ffffe5', '#fff8c4', '#feeba2', '#fed676', '#febb4a', '#fb9a2c', '#ee7919', '#d85b0a', '#b74304', '#8f3204', '#8f3204'];
Fallback:
#e6a257

Colors:
#ffffe5 #fff8c4 #feeba2 #fed676 #febb4a #fb9a2c #ee7919 #d85b0a #b74304 #8f3204
Copy to Clipboard

RdBu #

background: #a88d9a;
background-image: linear-gradient(90deg, #67001f, #ab202e, #d55f50, #f0a285, #fad6c3, #f2efee, #cde3ee, #90c2dd, #4b94c4, #2265a3, #2265a3);
$RdBu-fallback : #a88d9a; 
$RdBu-0 : #67001f; 
$RdBu-1 : #ab202e; 
$RdBu-2 : #d55f50; 
$RdBu-3 : #f0a285; 
$RdBu-4 : #fad6c3; 
$RdBu-5 : #f2efee; 
$RdBu-6 : #cde3ee; 
$RdBu-7 : #90c2dd; 
$RdBu-8 : #4b94c4; 
$RdBu-9 : #2265a3; 

background: $RdBu-fallback;
background-image: linear-gradient(90deg, $RdBu-0, $RdBu-1, $RdBu-2, $RdBu-3, $RdBu-4, $RdBu-5, $RdBu-6, $RdBu-7, $RdBu-8, $RdBu-9, $RdBu-9);
$RdBu-fallback : #a88d9a;
$RdBu-array : #67001f, #ab202e, #d55f50, #f0a285, #fad6c3, #f2efee, #cde3ee, #90c2dd, #4b94c4, #2265a3, #2265a3;

background: $RdBu-fallback;
background-image: linear-gradient(90deg, $RdBu-array);
var RdBu_fallback = '#a88d9a';
var RdBu_array = ['#67001f', '#ab202e', '#d55f50', '#f0a285', '#fad6c3', '#f2efee', '#cde3ee', '#90c2dd', '#4b94c4', '#2265a3', '#2265a3'];
Fallback:
#a88d9a

Colors:
#67001f #ab202e #d55f50 #f0a285 #fad6c3 #f2efee #cde3ee #90c2dd #4b94c4 #2265a3
Copy to Clipboard

BuGn #

background: #7fc1a3;
background-image: linear-gradient(90deg, #f7fcfd, #e8f6f9, #d5efed, #b7e4da, #8fd4c1, #69c2a3, #49b17f, #2f995a, #157f3c, #036429, #036429);
$BuGn-fallback : #7fc1a3; 
$BuGn-0 : #f7fcfd; 
$BuGn-1 : #e8f6f9; 
$BuGn-2 : #d5efed; 
$BuGn-3 : #b7e4da; 
$BuGn-4 : #8fd4c1; 
$BuGn-5 : #69c2a3; 
$BuGn-6 : #49b17f; 
$BuGn-7 : #2f995a; 
$BuGn-8 : #157f3c; 
$BuGn-9 : #036429; 

background: $BuGn-fallback;
background-image: linear-gradient(90deg, $BuGn-0, $BuGn-1, $BuGn-2, $BuGn-3, $BuGn-4, $BuGn-5, $BuGn-6, $BuGn-7, $BuGn-8, $BuGn-9, $BuGn-9);
$BuGn-fallback : #7fc1a3;
$BuGn-array : #f7fcfd, #e8f6f9, #d5efed, #b7e4da, #8fd4c1, #69c2a3, #49b17f, #2f995a, #157f3c, #036429, #036429;

background: $BuGn-fallback;
background-image: linear-gradient(90deg, $BuGn-array);
var BuGn_fallback = '#7fc1a3';
var BuGn_array = ['#f7fcfd', '#e8f6f9', '#d5efed', '#b7e4da', '#8fd4c1', '#69c2a3', '#49b17f', '#2f995a', '#157f3c', '#036429', '#036429'];
Fallback:
#7fc1a3

Colors:
#f7fcfd #e8f6f9 #d5efed #b7e4da #8fd4c1 #69c2a3 #49b17f #2f995a #157f3c #036429
Copy to Clipboard

BuPu #

background: #a896c5;
background-image: linear-gradient(90deg, #f7fcfd, #e4eff5, #ccddec, #b2cae1, #9cb3d5, #8f95c6, #8c74b5, #8952a5, #852d8f, #730f71, #730f71);
$BuPu-fallback : #a896c5; 
$BuPu-0 : #f7fcfd; 
$BuPu-1 : #e4eff5; 
$BuPu-2 : #ccddec; 
$BuPu-3 : #b2cae1; 
$BuPu-4 : #9cb3d5; 
$BuPu-5 : #8f95c6; 
$BuPu-6 : #8c74b5; 
$BuPu-7 : #8952a5; 
$BuPu-8 : #852d8f; 
$BuPu-9 : #730f71; 

background: $BuPu-fallback;
background-image: linear-gradient(90deg, $BuPu-0, $BuPu-1, $BuPu-2, $BuPu-3, $BuPu-4, $BuPu-5, $BuPu-6, $BuPu-7, $BuPu-8, $BuPu-9, $BuPu-9);
$BuPu-fallback : #a896c5;
$BuPu-array : #f7fcfd, #e4eff5, #ccddec, #b2cae1, #9cb3d5, #8f95c6, #8c74b5, #8952a5, #852d8f, #730f71, #730f71;

background: $BuPu-fallback;
background-image: linear-gradient(90deg, $BuPu-array);
var BuPu_fallback = '#a896c5';
var BuPu_array = ['#f7fcfd', '#e4eff5', '#ccddec', '#b2cae1', '#9cb3d5', '#8f95c6', '#8c74b5', '#8952a5', '#852d8f', '#730f71', '#730f71'];
Fallback:
#a896c5

Colors:
#f7fcfd #e4eff5 #ccddec #b2cae1 #9cb3d5 #8f95c6 #8c74b5 #8952a5 #852d8f #730f71
Copy to Clipboard

PuBu #

background: #80abcd;
background-image: linear-gradient(90deg, #fff7fb, #efeaf4, #dbdaeb, #bfc9e2, #9cb9d9, #72a8cf, #4494c3, #1b7db6, #0668a1, #045281, #045281);
$PuBu-fallback : #80abcd; 
$PuBu-0 : #fff7fb; 
$PuBu-1 : #efeaf4; 
$PuBu-2 : #dbdaeb; 
$PuBu-3 : #bfc9e2; 
$PuBu-4 : #9cb9d9; 
$PuBu-5 : #72a8cf; 
$PuBu-6 : #4494c3; 
$PuBu-7 : #1b7db6; 
$PuBu-8 : #0668a1; 
$PuBu-9 : #045281; 

background: $PuBu-fallback;
background-image: linear-gradient(90deg, $PuBu-0, $PuBu-1, $PuBu-2, $PuBu-3, $PuBu-4, $PuBu-5, $PuBu-6, $PuBu-7, $PuBu-8, $PuBu-9, $PuBu-9);
$PuBu-fallback : #80abcd;
$PuBu-array : #fff7fb, #efeaf4, #dbdaeb, #bfc9e2, #9cb9d9, #72a8cf, #4494c3, #1b7db6, #0668a1, #045281, #045281;

background: $PuBu-fallback;
background-image: linear-gradient(90deg, $PuBu-array);
var PuBu_fallback = '#80abcd';
var PuBu_array = ['#fff7fb', '#efeaf4', '#dbdaeb', '#bfc9e2', '#9cb9d9', '#72a8cf', '#4494c3', '#1b7db6', '#0668a1', '#045281', '#045281'];
Fallback:
#80abcd

Colors:
#fff7fb #efeaf4 #dbdaeb #bfc9e2 #9cb9d9 #72a8cf #4494c3 #1b7db6 #0668a1 #045281
Copy to Clipboard

RdPu #

background: #db79ad;
background-image: linear-gradient(90deg, #fff7f3, #fde4e1, #fccfcc, #fbb5bc, #f993b0, #f369a3, #e03f98, #c11889, #99037c, #710174, #710174);
$RdPu-fallback : #db79ad; 
$RdPu-0 : #fff7f3; 
$RdPu-1 : #fde4e1; 
$RdPu-2 : #fccfcc; 
$RdPu-3 : #fbb5bc; 
$RdPu-4 : #f993b0; 
$RdPu-5 : #f369a3; 
$RdPu-6 : #e03f98; 
$RdPu-7 : #c11889; 
$RdPu-8 : #99037c; 
$RdPu-9 : #710174; 

background: $RdPu-fallback;
background-image: linear-gradient(90deg, $RdPu-0, $RdPu-1, $RdPu-2, $RdPu-3, $RdPu-4, $RdPu-5, $RdPu-6, $RdPu-7, $RdPu-8, $RdPu-9, $RdPu-9);
$RdPu-fallback : #db79ad;
$RdPu-array : #fff7f3, #fde4e1, #fccfcc, #fbb5bc, #f993b0, #f369a3, #e03f98, #c11889, #99037c, #710174, #710174;

background: $RdPu-fallback;
background-image: linear-gradient(90deg, $RdPu-array);
var RdPu_fallback = '#db79ad';
var RdPu_array = ['#fff7f3', '#fde4e1', '#fccfcc', '#fbb5bc', '#f993b0', '#f369a3', '#e03f98', '#c11889', '#99037c', '#710174', '#710174'];
Fallback:
#db79ad

Colors:
#fff7f3 #fde4e1 #fccfcc #fbb5bc #f993b0 #f369a3 #e03f98 #c11889 #99037c #710174
Copy to Clipboard

PuRd #

background: #d376a8;
background-image: linear-gradient(90deg, #f7f4f9, #eae3f0, #dcc9e2, #d0aad2, #d08ac2, #dd63ae, #e33890, #d71c6c, #b80b50, #8f023a, #8f023a);
$PuRd-fallback : #d376a8; 
$PuRd-0 : #f7f4f9; 
$PuRd-1 : #eae3f0; 
$PuRd-2 : #dcc9e2; 
$PuRd-3 : #d0aad2; 
$PuRd-4 : #d08ac2; 
$PuRd-5 : #dd63ae; 
$PuRd-6 : #e33890; 
$PuRd-7 : #d71c6c; 
$PuRd-8 : #b80b50; 
$PuRd-9 : #8f023a; 

background: $PuRd-fallback;
background-image: linear-gradient(90deg, $PuRd-0, $PuRd-1, $PuRd-2, $PuRd-3, $PuRd-4, $PuRd-5, $PuRd-6, $PuRd-7, $PuRd-8, $PuRd-9, $PuRd-9);
$PuRd-fallback : #d376a8;
$PuRd-array : #f7f4f9, #eae3f0, #dcc9e2, #d0aad2, #d08ac2, #dd63ae, #e33890, #d71c6c, #b80b50, #8f023a, #8f023a;

background: $PuRd-fallback;
background-image: linear-gradient(90deg, $PuRd-array);
var PuRd_fallback = '#d376a8';
var PuRd_array = ['#f7f4f9', '#eae3f0', '#dcc9e2', '#d0aad2', '#d08ac2', '#dd63ae', '#e33890', '#d71c6c', '#b80b50', '#8f023a', '#8f023a'];
Fallback:
#d376a8

Colors:
#f7f4f9 #eae3f0 #dcc9e2 #d0aad2 #d08ac2 #dd63ae #e33890 #d71c6c #b80b50 #8f023a
Copy to Clipboard

YlGn #

background: #88c282;
background-image: linear-gradient(90deg, #ffffe5, #f7fcc4, #e4f4ac, #c7e89b, #a2d88a, #78c578, #4eaf63, #2f944e, #15793f, #036034, #036034);
$YlGn-fallback : #88c282; 
$YlGn-0 : #ffffe5; 
$YlGn-1 : #f7fcc4; 
$YlGn-2 : #e4f4ac; 
$YlGn-3 : #c7e89b; 
$YlGn-4 : #a2d88a; 
$YlGn-5 : #78c578; 
$YlGn-6 : #4eaf63; 
$YlGn-7 : #2f944e; 
$YlGn-8 : #15793f; 
$YlGn-9 : #036034; 

background: $YlGn-fallback;
background-image: linear-gradient(90deg, $YlGn-0, $YlGn-1, $YlGn-2, $YlGn-3, $YlGn-4, $YlGn-5, $YlGn-6, $YlGn-7, $YlGn-8, $YlGn-9, $YlGn-9);
$YlGn-fallback : #88c282;
$YlGn-array : #ffffe5, #f7fcc4, #e4f4ac, #c7e89b, #a2d88a, #78c578, #4eaf63, #2f944e, #15793f, #036034, #036034;

background: $YlGn-fallback;
background-image: linear-gradient(90deg, $YlGn-array);
var YlGn_fallback = '#88c282';
var YlGn_array = ['#ffffe5', '#f7fcc4', '#e4f4ac', '#c7e89b', '#a2d88a', '#78c578', '#4eaf63', '#2f944e', '#15793f', '#036034', '#036034'];
Fallback:
#88c282

Colors:
#ffffe5 #f7fcc4 #e4f4ac #c7e89b #a2d88a #78c578 #4eaf63 #2f944e #15793f #036034
Copy to Clipboard

OrRd #

background: #eb8f70;
background-image: linear-gradient(90deg, #fff7ec, #feebcf, #fddcaf, #fdca94, #fdb07a, #fa8e5d, #f16c49, #e04630, #c81e13, #a70403, #a70403);
$OrRd-fallback : #eb8f70; 
$OrRd-0 : #fff7ec; 
$OrRd-1 : #feebcf; 
$OrRd-2 : #fddcaf; 
$OrRd-3 : #fdca94; 
$OrRd-4 : #fdb07a; 
$OrRd-5 : #fa8e5d; 
$OrRd-6 : #f16c49; 
$OrRd-7 : #e04630; 
$OrRd-8 : #c81e13; 
$OrRd-9 : #a70403; 

background: $OrRd-fallback;
background-image: linear-gradient(90deg, $OrRd-0, $OrRd-1, $OrRd-2, $OrRd-3, $OrRd-4, $OrRd-5, $OrRd-6, $OrRd-7, $OrRd-8, $OrRd-9, $OrRd-9);
$OrRd-fallback : #eb8f70;
$OrRd-array : #fff7ec, #feebcf, #fddcaf, #fdca94, #fdb07a, #fa8e5d, #f16c49, #e04630, #c81e13, #a70403, #a70403;

background: $OrRd-fallback;
background-image: linear-gradient(90deg, $OrRd-array);
var OrRd_fallback = '#eb8f70';
var OrRd_array = ['#fff7ec', '#feebcf', '#fddcaf', '#fdca94', '#fdb07a', '#fa8e5d', '#f16c49', '#e04630', '#c81e13', '#a70403', '#a70403'];
Fallback:
#eb8f70

Colors:
#fff7ec #feebcf #fddcaf #fdca94 #fdb07a #fa8e5d #f16c49 #e04630 #c81e13 #a70403
Copy to Clipboard

PiYG #

background: #bf9f98;
background-image: linear-gradient(90deg, #8e0152, #c0267e, #dd72ad, #f0b2d6, #fadded, #f5f3ef, #e1f2ca, #b7de88, #81bb48, #4f9125, #4f9125);
$PiYG-fallback : #bf9f98; 
$PiYG-0 : #8e0152; 
$PiYG-1 : #c0267e; 
$PiYG-2 : #dd72ad; 
$PiYG-3 : #f0b2d6; 
$PiYG-4 : #fadded; 
$PiYG-5 : #f5f3ef; 
$PiYG-6 : #e1f2ca; 
$PiYG-7 : #b7de88; 
$PiYG-8 : #81bb48; 
$PiYG-9 : #4f9125; 

background: $PiYG-fallback;
background-image: linear-gradient(90deg, $PiYG-0, $PiYG-1, $PiYG-2, $PiYG-3, $PiYG-4, $PiYG-5, $PiYG-6, $PiYG-7, $PiYG-8, $PiYG-9, $PiYG-9);
$PiYG-fallback : #bf9f98;
$PiYG-array : #8e0152, #c0267e, #dd72ad, #f0b2d6, #fadded, #f5f3ef, #e1f2ca, #b7de88, #81bb48, #4f9125, #4f9125;

background: $PiYG-fallback;
background-image: linear-gradient(90deg, $PiYG-array);
var PiYG_fallback = '#bf9f98';
var PiYG_array = ['#8e0152', '#c0267e', '#dd72ad', '#f0b2d6', '#fadded', '#f5f3ef', '#e1f2ca', '#b7de88', '#81bb48', '#4f9125', '#4f9125'];
Fallback:
#bf9f98

Colors:
#8e0152 #c0267e #dd72ad #f0b2d6 #fadded #f5f3ef #e1f2ca #b7de88 #81bb48 #4f9125
Copy to Clipboard

PRGn #

background: #95989d;
background-image: linear-gradient(90deg, #40004b, #722e80, #9a6daa, #c1a4cd, #e3d2e6, #eff0ef, #d6eed1, #a2d79f, #5dad65, #217939, #217939);
$PRGn-fallback : #95989d; 
$PRGn-0 : #40004b; 
$PRGn-1 : #722e80; 
$PRGn-2 : #9a6daa; 
$PRGn-3 : #c1a4cd; 
$PRGn-4 : #e3d2e6; 
$PRGn-5 : #eff0ef; 
$PRGn-6 : #d6eed1; 
$PRGn-7 : #a2d79f; 
$PRGn-8 : #5dad65; 
$PRGn-9 : #217939; 

background: $PRGn-fallback;
background-image: linear-gradient(90deg, $PRGn-0, $PRGn-1, $PRGn-2, $PRGn-3, $PRGn-4, $PRGn-5, $PRGn-6, $PRGn-7, $PRGn-8, $PRGn-9, $PRGn-9);
$PRGn-fallback : #95989d;
$PRGn-array : #40004b, #722e80, #9a6daa, #c1a4cd, #e3d2e6, #eff0ef, #d6eed1, #a2d79f, #5dad65, #217939, #217939;

background: $PRGn-fallback;
background-image: linear-gradient(90deg, $PRGn-array);
var PRGn_fallback = '#95989d';
var PRGn_array = ['#40004b', '#722e80', '#9a6daa', '#c1a4cd', '#e3d2e6', '#eff0ef', '#d6eed1', '#a2d79f', '#5dad65', '#217939', '#217939'];
Fallback:
#95989d

Colors:
#40004b #722e80 #9a6daa #c1a4cd #e3d2e6 #eff0ef #d6eed1 #a2d79f #5dad65 #217939
Copy to Clipboard

PuOr #

background: #bb9283;
background-image: linear-gradient(90deg, #7f3b08, #b15a09, #dd841f, #f8b664, #fdddb2, #f3eeea, #d7d7e9, #b0aad0, #8170ad, #552d84, #552d84);
$PuOr-fallback : #bb9283; 
$PuOr-0 : #7f3b08; 
$PuOr-1 : #b15a09; 
$PuOr-2 : #dd841f; 
$PuOr-3 : #f8b664; 
$PuOr-4 : #fdddb2; 
$PuOr-5 : #f3eeea; 
$PuOr-6 : #d7d7e9; 
$PuOr-7 : #b0aad0; 
$PuOr-8 : #8170ad; 
$PuOr-9 : #552d84; 

background: $PuOr-fallback;
background-image: linear-gradient(90deg, $PuOr-0, $PuOr-1, $PuOr-2, $PuOr-3, $PuOr-4, $PuOr-5, $PuOr-6, $PuOr-7, $PuOr-8, $PuOr-9, $PuOr-9);
$PuOr-fallback : #bb9283;
$PuOr-array : #7f3b08, #b15a09, #dd841f, #f8b664, #fdddb2, #f3eeea, #d7d7e9, #b0aad0, #8170ad, #552d84, #552d84;

background: $PuOr-fallback;
background-image: linear-gradient(90deg, $PuOr-array);
var PuOr_fallback = '#bb9283';
var PuOr_array = ['#7f3b08', '#b15a09', '#dd841f', '#f8b664', '#fdddb2', '#f3eeea', '#d7d7e9', '#b0aad0', '#8170ad', '#552d84', '#552d84'];
Fallback:
#bb9283

Colors:
#7f3b08 #b15a09 #dd841f #f8b664 #fdddb2 #f3eeea #d7d7e9 #b0aad0 #8170ad #552d84
Copy to Clipboard

RdGy #

background: #b98987;
background-image: linear-gradient(90deg, #67001f, #ab202e, #d55f50, #f0a285, #fcd8c4, #faf4f0, #dfdfdf, #b8b8b8, #868686, #4e4e4e, #4e4e4e);
$RdGy-fallback : #b98987; 
$RdGy-0 : #67001f; 
$RdGy-1 : #ab202e; 
$RdGy-2 : #d55f50; 
$RdGy-3 : #f0a285; 
$RdGy-4 : #fcd8c4; 
$RdGy-5 : #faf4f0; 
$RdGy-6 : #dfdfdf; 
$RdGy-7 : #b8b8b8; 
$RdGy-8 : #868686; 
$RdGy-9 : #4e4e4e; 

background: $RdGy-fallback;
background-image: linear-gradient(90deg, $RdGy-0, $RdGy-1, $RdGy-2, $RdGy-3, $RdGy-4, $RdGy-5, $RdGy-6, $RdGy-7, $RdGy-8, $RdGy-9, $RdGy-9);
$RdGy-fallback : #b98987;
$RdGy-array : #67001f, #ab202e, #d55f50, #f0a285, #fcd8c4, #faf4f0, #dfdfdf, #b8b8b8, #868686, #4e4e4e, #4e4e4e;

background: $RdGy-fallback;
background-image: linear-gradient(90deg, $RdGy-array);
var RdGy_fallback = '#b98987';
var RdGy_array = ['#67001f', '#ab202e', '#d55f50', '#f0a285', '#fcd8c4', '#faf4f0', '#dfdfdf', '#b8b8b8', '#868686', '#4e4e4e', '#4e4e4e'];
Fallback:
#b98987

Colors:
#67001f #ab202e #d55f50 #f0a285 #fcd8c4 #faf4f0 #dfdfdf #b8b8b8 #868686 #4e4e4e
Copy to Clipboard

BrBG #

background: #96a180;
background-image: linear-gradient(90deg, #543005, #8b530f, #bc8434, #ddbd7b, #f2e4bf, #eef1ea, #c3e7e2, #80c9bf, #399890, #0a675f, #0a675f);
$BrBG-fallback : #96a180; 
$BrBG-0 : #543005; 
$BrBG-1 : #8b530f; 
$BrBG-2 : #bc8434; 
$BrBG-3 : #ddbd7b; 
$BrBG-4 : #f2e4bf; 
$BrBG-5 : #eef1ea; 
$BrBG-6 : #c3e7e2; 
$BrBG-7 : #80c9bf; 
$BrBG-8 : #399890; 
$BrBG-9 : #0a675f; 

background: $BrBG-fallback;
background-image: linear-gradient(90deg, $BrBG-0, $BrBG-1, $BrBG-2, $BrBG-3, $BrBG-4, $BrBG-5, $BrBG-6, $BrBG-7, $BrBG-8, $BrBG-9, $BrBG-9);
$BrBG-fallback : #96a180;
$BrBG-array : #543005, #8b530f, #bc8434, #ddbd7b, #f2e4bf, #eef1ea, #c3e7e2, #80c9bf, #399890, #0a675f, #0a675f;

background: $BrBG-fallback;
background-image: linear-gradient(90deg, $BrBG-array);
var BrBG_fallback = '#96a180';
var BrBG_array = ['#543005', '#8b530f', '#bc8434', '#ddbd7b', '#f2e4bf', '#eef1ea', '#c3e7e2', '#80c9bf', '#399890', '#0a675f', '#0a675f'];
Fallback:
#96a180

Colors:
#543005 #8b530f #bc8434 #ddbd7b #f2e4bf #eef1ea #c3e7e2 #80c9bf #399890 #0a675f
Copy to Clipboard