Azul, turquesa, mostarda e marrom: gradiente linear

Azul, turquesa, mostarda e marrom: paleta com 32 cores. #617487, #71cfcf, #a5bc4d, #d79c2b, #a34f33. Edite e exporte CSS, SVG, PNG ou um shader.

32 cores, 5 quadros-chave OKLCH editáveis.

#617487
#647b8f
#68869b
#6c92a8
#70a1b6
#72afc2
#74bdcb
#73c8d0
#71cfcf
#6ed4c9
#6cd5be
#6ed4ae
#75d19a
#7fcc86
#8cc671
#98c15d
#a5bc4d
#b0b73f
#bbb435
#c4b02e
#cbac2a
#d1a829
#d6a32a
#d79c2b
#d7932c
#d3892d
#cc7d2f
#c37230
#ba6732
#b15d32
#a95533
#a34f33

CSS

background: linear-gradient(135deg in oklch, oklch(55.12% 0.0372 248.20) 0.0%, oklch(57.28% 0.0413 244.31) 3.2%, oklch(60.38% 0.0468 239.29) 6.5%, oklch(64.09% 0.0533 233.32) 9.7%, oklch(68.07% 0.0605 226.59) 12.9%, oklch(71.97% 0.0681 219.25) 16.1%, oklch(75.45% 0.0758 211.51) 19.4%, oklch(78.18% 0.0831 203.52) 22.6%, oklch(79.83% 0.0898 195.43) 25.8%, oklch(80.49% 0.0968 186.57) 29.0%, oklch(80.42% 0.1041 176.88) 32.3%, oklch(79.82% 0.1116 166.70) 35.5%, oklch(78.87% 0.1187 156.35) 38.7%, oklch(77.77% 0.1254 146.15) 41.9%, oklch(76.71% 0.1313 136.45) 45.2%, oklch(75.87% 0.1360 127.55) 48.4%, oklch(75.41% 0.1393 119.71) 51.6%, oklch(75.24% 0.1414 112.65) 54.8%, oklch(75.22% 0.1426 106.18) 58.1%, oklch(75.23% 0.1429 100.17) 61.3%, oklch(75.15% 0.1426 94.51) 64.5%, oklch(74.87% 0.1418 89.07) 67.7%, oklch(74.25% 0.1407 83.73) 71.0%, oklch(73.18% 0.1395 78.37) 74.2%, oklch(71.49% 0.1380 72.83) 77.4%, oklch(69.08% 0.1356 67.10) 80.6%, oklch(66.17% 0.1326 61.34) 83.9%, oklch(63.02% 0.1293 55.76) 87.1%, oklch(59.86% 0.1260 50.54) 90.3%, oklch(56.94% 0.1229 45.87) 93.5%, oklch(54.49% 0.1203 41.95) 96.8%, oklch(52.76% 0.1185 38.97) 100.0%);

Nestas coleções

Gradientes para mapas meteorológicos

Paletas parecidas Coleções Baixar PNG JSON da paleta Markdown Como funciona