Roxo, rosa e caramelo (tritone): amostras lineares

Amostras lineares, 32 cores a 90°: #7a74d8, #9f8de5, #d19edd, #efa7c3, #f5c38f. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #7a74d8
• #7d76d9
• #8079db
• #847cdd
• #8980df
• #8e84e1
• #9387e3
• #998be4
• #9f8de5
• #a590e6
• #ac92e6
• #b294e5
• #b996e4
• #bf98e3
• #c69ae1
• #cc9cdf
• #d19edd
• #d69fdb
• #dba0d8
• #dfa2d5
• #e3a3d1
• #e7a4cd
• #eba6c9
• #efa7c3
• #f3a9bd
• #f7acb5
• #faafac
• #fcb3a3
• #fbb79b
• #fabc95
• #f7c091
• #f5c38f

CSS

background: linear-gradient(90deg, oklch(61.02% 0.1488 284.06) 0.000% 3.125%, oklch(61.69% 0.1472 284.52) 3.125% 6.250%, oklch(62.60% 0.1450 284.98) 6.250% 9.375%, oklch(63.68% 0.1424 285.51) 9.375% 12.500%, oklch(64.87% 0.1395 286.21) 12.500% 15.625%, oklch(66.11% 0.1364 287.13) 15.625% 18.750%, oklch(67.34% 0.1333 288.36) 18.750% 21.875%, oklch(68.50% 0.1303 289.96) 21.875% 25.000%, oklch(69.54% 0.1275 292.02) 25.000% 28.125%, oklch(70.53% 0.1246 294.51) 28.125% 31.250%, oklch(71.52% 0.1216 297.39) 31.250% 34.375%, oklch(72.49% 0.1186 300.60) 34.375% 37.500%, oklch(73.43% 0.1157 304.09) 37.500% 40.625%, oklch(74.34% 0.1128 307.83) 40.625% 43.750%, oklch(75.20% 0.1100 311.75) 43.750% 46.875%, oklch(76.00% 0.1073 315.81) 46.875% 50.000%, oklch(76.74% 0.1049 319.94) 50.000% 53.125%, oklch(77.39% 0.1025 324.00) 53.125% 56.250%, oklch(77.98% 0.1003 328.10) 56.250% 59.375%, oklch(78.52% 0.0981 332.38) 59.375% 62.500%, oklch(79.03% 0.0961 336.98) 62.500% 65.625%, oklch(79.53% 0.0942 342.06) 65.625% 68.750%, oklch(80.04% 0.0926 347.74) 68.750% 71.875%, oklch(80.57% 0.0912 354.18) 71.875% 75.000%, oklch(81.15% 0.0902 1.84) 75.000% 78.125%, oklch(81.77% 0.0894 11.28) 78.125% 81.250%, oklch(82.42% 0.0889 21.84) 81.250% 84.375%, oklch(83.07% 0.0886 32.85) 84.375% 87.500%, oklch(83.68% 0.0885 43.64) 87.500% 90.625%, oklch(84.23% 0.0884 53.51) 90.625% 93.750%, oklch(84.69% 0.0883 61.78) 93.750% 96.875%, oklch(85.04% 0.0882 67.78) 96.875% 100.000%);

Nestas coleções

Gradientes de verãoGradientes retrô

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona