Червоний → пурпуровий, аналогова гама, яскраві тони: лінійний градієнт

Лінійний градієнт, 7 кольорів, кут 90°: #de2e47, #e02b51, #e22860, #e02771, #d82a84, #cd3095, #c335a1. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

3 ключові кадри OKLCH, які можна редагувати.

• #de2e47
• #e02b51
• #e22860
• #e02771
• #d82a84
• #cd3095
• #c335a1

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.2094 19.69) 0.0%, oklch(59.36% 0.2131 15.89) 16.7%, oklch(59.76% 0.2180 10.33) 33.3%, oklch(59.84% 0.2205 3.84) 50.0%, oklch(59.32% 0.2180 355.46) 66.7%, oklch(58.49% 0.2131 346.15) 83.3%, oklch(57.87% 0.2094 339.53) 100.0%);

У цих колекціях

Градієнти для hero-секції

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює