Blend Color Finder

CSS color-mix() Generator

Given a base color and one or more target colors (e.g. hover / active states), this tool reverse-engineers the blend color and percentages to use in CSS color-mix() so the results visually match your targets as closely as possible.

Color sets

Mode