sample of gradient in web

lineargradients

export const ACCENT_GRADIENT_COLORS = {
  BLUE: ["rgb(15, 217, 201)", "rgb(4, 174, 203)", "rgb(23, 117, 240)"],
  PINK: ["rgb(207, 34, 229)", "rgb(216, 29, 153)", "rgb(198, 9, 69)"],
  PURPLE: ["rgb(79, 64, 226)", "rgb(114, 31, 194)", "rgb(181, 9, 159)"],
  ORANGE: ["rgb(255, 196, 0)", "rgb(243, 108, 18)", "rgb(244, 47, 0)"],
};
const {
  BLUE: BLUE_GRADIENT,
  PINK: PINK_GRADIENT,
  PURPLE: PURPLE_GRADIENT,
  ORANGE: ORANGE_GRADIENT,
} = ACCENT_GRADIENT_COLORS;
const accentGradientColors = [
  `linear-gradient(-225deg, ${BLUE_GRADIENT[0]} 0%, ${BLUE_GRADIENT[1]} 52%, ${BLUE_GRADIENT[2]} 100%)`,
  `linear-gradient(-225deg, ${PINK_GRADIENT[0]} 0%, ${PINK_GRADIENT[1]} 54%, ${PINK_GRADIENT[2]} 100%)`,
  `linear-gradient(-225deg, ${PURPLE_GRADIENT[0]} 0%, ${PURPLE_GRADIENT[1]} 51%, ${PURPLE_GRADIENT[2]} 100%)`,
  `linear-gradient(-225deg, ${ORANGE_GRADIENT[0]} 0%, ${ORANGE_GRADIENT[1]} 64%, ${ORANGE_GRADIENT[2]} 100%)`,
];