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

Лінійний градієнт, 32 кольори, кут 135°: #c27871, #dc8d7f, #f7a88f, #ffc0a2, #ffd5b9. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #c27871
• #c47972
• #c77b74
• #ca7e75
• #cd8077
• #d08379
• #d4867a
• #d88a7d
• #dc8d7f
• #e09081
• #e49483
• #e89885
• #ec9b87
• #ef9f89
• #f2a28b
• #f5a58d
• #f7a88f
• #f9ac91
• #fbaf93
• #fdb295
• #feb598
• #ffb99a
• #ffbd9e
• #ffc0a2
• #ffc4a5
• #ffc7a9
• #ffcaac
• #ffccaf
• #ffcfb2
• #ffd1b5
• #ffd3b7
• #ffd5b9

CSS

background: linear-gradient(135deg in oklch, oklch(64.96% 0.0951 25.31) 0.0%, oklch(65.51% 0.0953 25.76) 3.2%, oklch(66.19% 0.0957 26.30) 6.5%, oklch(66.99% 0.0963 26.90) 9.7%, oklch(67.88% 0.0969 27.58) 12.9%, oklch(68.85% 0.0976 28.32) 16.1%, oklch(69.88% 0.0983 29.11) 19.4%, oklch(70.97% 0.0990 29.94) 22.6%, oklch(72.08% 0.0996 30.82) 25.8%, oklch(73.22% 0.1002 31.73) 29.0%, oklch(74.35% 0.1008 32.67) 32.3%, oklch(75.48% 0.1011 33.62) 35.5%, oklch(76.57% 0.1014 34.59) 38.7%, oklch(77.61% 0.1014 35.57) 41.9%, oklch(78.60% 0.1013 36.55) 45.2%, oklch(79.50% 0.1009 37.51) 48.4%, oklch(80.33% 0.1002 38.48) 51.6%, oklch(81.14% 0.0992 39.53) 54.8%, oklch(81.95% 0.0979 40.67) 58.1%, oklch(82.75% 0.0963 41.86) 61.3%, oklch(83.54% 0.0945 43.10) 64.5%, oklch(84.32% 0.0918 44.37) 67.7%, oklch(85.07% 0.0875 45.65) 71.0%, oklch(85.80% 0.0835 46.93) 74.2%, oklch(86.49% 0.0797 48.18) 77.4%, oklch(87.16% 0.0761 49.40) 80.6%, oklch(87.78% 0.0728 50.56) 83.9%, oklch(88.36% 0.0697 51.64) 87.1%, oklch(88.89% 0.0668 52.64) 90.3%, oklch(89.37% 0.0642 53.52) 93.5%, oklch(89.79% 0.0620 54.29) 96.8%, oklch(90.16% 0.0600 54.91) 100.0%);

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

Градієнти для світлого UIПастельні градієнти

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