Arco-íris de azul a pêssego em tons pastel: gradiente linear

Gradiente linear, 32 cores a 180°: #d4e9f1, #8eb4e6, #c173ba, #a284ec, #fdb164. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #d4e9f1
• #cde6ef
• #c4e1ee
• #badbec
• #b0d4eb
• #a5cde9
• #9cc5e8
• #94bce7
• #8eb4e6
• #8babe5
• #8ba4e5
• #8e9de4
• #9695e1
• #a08cdc
• #ac83d3
• #b87bc8
• #c173ba
• #c96eae
• #ce6aa5
• #d068a2
• #d068a7
• #cb6cb6
• #bd75d0
• #a284ec
• #759afb
• #20b2f2
• #00c2cb
• #3bcd9e
• #91ca6e
• #c8c151
• #ebb853
• #fdb164

CSS

background: linear-gradient(180deg in oklch, oklch(92.13% 0.0248 220.08) 0.0%, oklch(90.92% 0.0293 222.84) 3.2%, oklch(89.29% 0.0351 226.26) 6.5%, oklch(87.34% 0.0420 230.27) 9.7%, oklch(85.16% 0.0498 234.77) 12.9%, oklch(82.85% 0.0582 239.70) 16.1%, oklch(80.49% 0.0668 244.96) 19.4%, oklch(78.18% 0.0754 250.49) 22.6%, oklch(76.02% 0.0838 256.19) 25.8%, oklch(74.09% 0.0915 261.99) 29.0%, oklch(72.49% 0.0985 267.81) 32.3%, oklch(71.22% 0.1047 274.35) 35.5%, oklch(70.05% 0.1108 283.61) 38.7%, oklch(68.98% 0.1170 294.83) 41.9%, oklch(68.03% 0.1230 307.00) 45.2%, oklch(67.21% 0.1287 319.15) 48.4%, oklch(66.55% 0.1340 330.26) 51.6%, oklch(66.06% 0.1388 339.37) 54.8%, oklch(65.78% 0.1430 345.47) 58.1%, oklch(65.71% 0.1465 347.57) 61.3%, oklch(65.88% 0.1490 344.68) 64.5%, oklch(66.33% 0.1506 335.69) 67.7%, oklch(67.23% 0.1508 318.91) 71.0%, oklch(68.54% 0.1499 295.34) 74.2%, oklch(70.17% 0.1480 266.67) 77.4%, oklch(72.02% 0.1454 234.60) 80.6%, oklch(73.98% 0.1258 200.79) 83.9%, oklch(75.94% 0.1393 166.94) 87.1%, oklch(77.82% 0.1361 134.72) 90.3%, oklch(79.51% 0.1333 105.83) 93.5%, oklch(80.90% 0.1310 81.94) 96.8%, oklch(81.89% 0.1295 64.74) 100.0%);

Nestas coleções

Gradientes de pôr do sol de inverno

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona