Amarelo, branco e azul: gradiente linear
Gradiente linear, 32 cores a 135°: #e2b631, #cef1c4, #e8f9f9, #77b6d8, #2453b7. Edite e exporte CSS, SVG, PNG ou um shader.
3 quadros-chave OKLCH editáveis.
- #e2b631
- #debc3f
- #dac34f
- #d6cb61
- #d2d375
- #cedc89
- #cce49e
- #ccebb1
- #cef1c4
- #d2f7d4
- #d8fbe2
- #defded
- #e5fff5
- #ebfff9
- #ecfffb
- #ecfdfb
- #e8f9f9
- #dff4f5
- #d3edf1
- #c4e4ec
- #b2dbe6
- #9fcfe1
- #8bc3dd
- #77b6d8
- #64a8d3
- #529acf
- #428cca
- #347fc6
- #2b72c2
- #2566be
- #235cba
- #2453b7
CSS
background: linear-gradient(135deg in oklch, oklch(79.53% 0.1488 89.30) 0.0%, oklch(80.32% 0.1435 93.12) 3.2%, oklch(81.47% 0.1363 97.84) 6.5%, oklch(82.93% 0.1275 103.33) 9.7%, oklch(84.61% 0.1174 109.50) 12.9%, oklch(86.44% 0.1064 116.23) 16.1%, oklch(88.37% 0.0948 123.41) 19.4%, oklch(90.31% 0.0829 130.93) 22.6%, oklch(92.20% 0.0711 138.67) 25.8%, oklch(93.96% 0.0597 146.53) 29.0%, oklch(95.53% 0.0490 154.40) 32.3%, oklch(96.85% 0.0394 162.17) 35.5%, oklch(97.82% 0.0304 169.73) 38.7%, oklch(98.40% 0.0218 176.97) 41.9%, oklch(98.51% 0.0201 183.73) 45.2%, oklch(98.08% 0.0180 189.98) 48.4%, oklch(97.02% 0.0186 195.65) 51.6%, oklch(95.25% 0.0219 201.24) 54.8%, oklch(92.85% 0.0277 206.79) 58.1%, oklch(89.90% 0.0355 212.27) 61.3%, oklch(86.51% 0.0451 217.67) 64.5%, oklch(82.77% 0.0561 222.94) 67.7%, oklch(78.77% 0.0681 228.06) 71.0%, oklch(74.62% 0.0809 233.00) 74.2%, oklch(70.41% 0.0940 237.73) 77.4%, oklch(66.23% 0.1071 242.23) 80.6%, oklch(62.18% 0.1199 246.46) 83.9%, oklch(58.36% 0.1320 250.39) 87.1%, oklch(54.86% 0.1431 254.01) 90.3%, oklch(51.78% 0.1528 257.26) 93.5%, oklch(49.21% 0.1608 260.14) 96.8%, oklch(47.24% 0.1667 262.60) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
